首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >javascript或jquery中唯一的3对或更多数组

javascript或jquery中唯一的3对或更多数组
EN

Stack Overflow用户
提问于 2016-04-21 15:17:23
回答 2查看 74关注 0票数 0

我有一个数组

代码语言:javascript
运行
复制
main['device']=['iphone4','iphone5','iphone6'];
main['color']=['red','blue','white'];
main['size']=['10','20','30'];

所有三个阵列。是动态的。我需要所有的组合就像

代码语言:javascript
运行
复制
iphone4 red 10
iphone4 red 20
iphone4 red 30
iphone4 blue 10
iphone4 blue 10
iphone4 blue 30
iphone4 white 10
iphone4 white 30
iphone4 white 30


iphone5 red 10
iphone5 red 20
iphone5 red 30
iphone5 blue 10
iphone5 blue 10
iphone5 blue 30
iphone5 white 10
iphone5 white 30
iphone5 white 30


iphone6 red 10
iphone6 red 20
iphone6 red 30
iphone6 blue 10
iphone6 blue 10
iphone6 blue 30
iphone6 white 10
iphone6 white 30
iphone6 white 30

如果可能的话,JavaScript或jquery解决方案。所有组合都必须是独特的,并且需要以相同的方式打印。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-04-21 15:51:43

纯JavaScript解决方案:

代码语言:javascript
运行
复制
var main = new Array([]);
    
main['device']=['iphone4','iphone5','iphone6'];
main['color']=['red','blue','white'];
main['size']=['10','20','30'];

var res = [];
main['device'].forEach(function (device) {
  main['color'].forEach(function(color) {
    main['size'].forEach(function(size) {
      res.push([device, color, size].join(' '));
    })
  });
  res.push('');
});


document.body.innerHTML = res.join('<br>');

票数 0
EN

Stack Overflow用户

发布于 2016-04-21 15:45:38

这是你想要的代码。希望能帮上忙。

代码语言:javascript
运行
复制
    var main = new Array([]);
    
     main['device']=['iphone4','iphone5','iphone6'];
     main['color']=['red','blue','white'];
     main['size']=['10','20','30'];
    
    $.each(main['device'], function(index, value){
      var device = value;
      $.each(main['color'], function(index2, value2) {
        var color = value2;
        $.each(main['size'], function(index3, value3) {
           var size = value3;
           var res = value + " " + value2 + " " + value3;
           $('#res').append(res);
           $('#res').append('<br/>');
        })
        
      })
      $('#res').append('<br/>');
    })
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="res"></div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36773855

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档