jQuery迭代数组的数组以输出值为"parent-child“

Question

我有以下数组：

 var elements = [
        { "a": [ "1", "2", ] }, 
        { "b": [ "1", "2", "3", "4" ] }, 
        { "c": [ "1", "2", "3", "4", "5", "6" ] } 
    ];

如何迭代数组以输出以下内容：

a-1、a-2、b-1、b-2、b-3、b-4、c-1、c2等

Answer 1

尝试使用多pal嵌套循环，如下所示。

​

var elements = [{
  "a": ["1", "2", ]
}, {
  "b": ["1", "2", "3", "4"]
}, {
  "c": ["1", "2", "3", "4", "5", "6"]
}];


$.each(elements, function(i, data) {
  $.each(data, function(key, val) {
    var value = val;
    $.each(value, function(i) {
      console.log(key + '-' + value[i]);
    });
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

​

Answer 2

像这样的东西？

var elements = [
    { "a": [ "1", "2", ] }, 
    { "b": [ "1", "2", "3", "4" ] }, 
    { "c": [ "1", "2", "3", "4", "5", "6" ] } 
];
var result = '';
$.each(elements, function(i,e){
    $.each(e, function(ind, elem){
        $.each(elem, function(index, element){
            result += ind + '-' + element + ',';
        })
    })
})
result = result.substring(0, result.length-1);
console.log(result);