JavaScript - 动态数组和循环

Question

假设您有一个产品页面。在此页面上有两个选择输入，其中包含选项。

有一个用于尺寸和颜色。这可能会根据产品而变化，例如窗帘可能有尺寸、长度和颜色(三个选择菜单)。

该数组是动态创建的(基于每个选择菜单及其选项):

var dynamicArr = [],
    i,
    j,
    opt,
    $('.select');

for (i = 0; i < select.length; i += 1) {

    opt = select.eq(i).find('option');

    if (dynamicArr[i] === undefined) {
        dynamicArr[i] = [];
    }

    for (j = 0; j < opt.length; j += 1) {
        dynamicArr[i].push(opt.eq(j));
    }

}

假设页面有一个尺寸和颜色下拉列表。上面将创建一个像这样的数组:

dynamicArr = [['size'], ['color']]

我想分别循环遍历每个值(以便获取单独的值并进行比较)。

我的问题从这里开始。动态数组的长度可能为 1、2、3、4、5、6(取决于页面上的选择选项)。因此我不能这样做，因为并不总是有两个选择

for (i = 0; i < dynamicArr[0].length; i += 1) { 
}
for (i = 0; i < dynamicArr[1].length; i += 1) { 
}

我将如何像上面那样找出长度并单独循环，例如如果有三个选择，它会自动知道有这么多并像上面一样循环它们。

如果您仍然感到困惑，请告诉我。

谢谢。

Answer 1

您始终可以使用Array.forEach

dynamicArr.forEach(function(el){
   console.log(el);
});