javascript - 循环遍历数组中的对象

Question

我正在数组内的二维对象中循环。我目前通过以下方式执行此操作:

我的数组看起来像这样

var myarray = [
    0: {
          child_obj: {}
       }
    1: {//etc}
];

我像这样循环访问第二级对象

jQuery.each(myarray, function(i, first) {
    jQuery.each(first.child_obj, function(j, second) {
        //do stuff
     }
    });
});

这就是循环中的循环。它工作得很好，但看起来不太整洁，我觉得可能有更好(更短)的方法来做到这一点。我这样做的原因是因为我需要对所有 child_obj 进行处理。

值得一提的是:

• 我使用 jQuery.each() 因为这允许循环对象，而 for()、.map() 等可以处理不当。
• 我无法更改数组的结构或其内容
• 我不需要使用索引(参数 i 和 j)。

有更好的方法吗？

Answer 1

如果你想放弃 jquery(它在 .each 中速度很慢)并使用 ES2015+

var myarray = [
    {
        child_obj: {a:1,b:2,c:3}
    },
    {
        child_obj: {a:4,b:5,c:6},
        child_obj2: {a:7,b:8,c:9}
    }
];
// specific rewrite of your code would be
myarray.forEach(obj => Object.values(obj.child_obj).forEach(value => {
    console.log(value);
}));

console.log('-------');
// other examples
myarray.forEach(obj => Object.values(obj).forEach(value => {
    // do things with each "child object"
    console.log(value);
}));

myarray.forEach(obj => Object.values(obj).forEach(child => Object.values(child).forEach(value => {
    // do things with each property in each child object
    console.log(value);
})));