javascript - 循环遍历数组并将值分配给变量

Question

我还没有任何代码，因为我只是想知道是否可以循环遍历一个Array动态填充的值，每次可能不同。变量显然必须使用递增值？

Answer 1

您可以使用数组长度属性来处理未知的数组长度：

var arr = ["carrots", "bananas", "onions"];

for (var i = 0, len = arr.length; i < len; i++) {
    //every element accesible via arr[i];
    //example:
    console.log(arr[i]);
}

即使它上面有更多或更少的元素，它也会遍历整个数组

有了这个基地，我相信你可以从这里做你想做的事

Answer 2

我敢肯定，现在您可能已经想通了，但我会在这里为任何未来的 Javascript 初学者添加它。

Javascript 数组有一个内置函数，称为forEach允许您遍历数组中的每个元素。它用作专门用于数组的循环。它接受一个回调函数作为参数，如下所示：

let stringArr = ['dog', 'cat', 'lion', 'elephant'];

stringArr.forEach(function(element, counter) {
    console.log(counter+') '+element);
});

// Outputs:
   0) dog
   1) cat
   2) lion
   3) elephant

如果您愿意，回调函数当然可以用箭头函数代替，但正如您所见，回调函数中的第一个参数 ( element) 是数组中的元素，第二个参数 ( counter) 跟踪数组中元素的索引。

我喜欢的forEach是它使访问数组元素比使用标准更容易（即使只是有点）for-loop。例如，当使用 , 遍历对象时for-loop，要访问数组中的各个元素，必须这样做myArray[i].property，但使用forEach, 可以简单地完成element.property。

forEach如果还没有完全点击，这里有一些额外的阅读。