JavaScript 中循环遍历数组

To the one with a hammer, everything looks like a nail. （手中有锤，看什么都像钉）——<芒格>

作者：Ashish Lahoti
译者：cl9000
来源：https://codingnconcepts.com/javascript/how-to-loop-through-array-in-javascript/

在本教程中，我们将学习如何使用JavaScript中的不同方法循环遍历数组的元素。

1. for循环

在for通过阵列的索引用于循环

1
2
3
4
5

const array = ["one", "two", "three"];

for(var i=0; i<array.length; i++){
  console.log(i, array[i]);
}

Output
0 "one"
1 "two"
2 “three”

2. for-in 循环

for-in 语句遍历数组的索引。

1
2
3
4

const array = ["one", "two", "three"];
for (const index in array){
    console.log(index, array[index]);
}

Output
0 "one"
1 "two"
2 “three”

3. for-of 循环

for-of语句遍历数组的值。

1
2
3
4

const array = ["one", "two", "three"];
for (const element of array){
    console.log(element);
}

Output
one
two
three

4. Array.forEach()

Array.forEach()方法采用回调函数来遍历数组。我们可以在回调中使用ES6箭头函数。

1
2
3

const array = ["one", "two", "three"];

array.forEach((item, index) => console.log(index, item));

Output
0 "one"
1 "two"
2 “three”

这是在JavaScript中循环访问数组的四种不同方法。建议Array.forEach()与箭头功能一起使用，这会使您的代码非常简短且易于理解。

尽管有一个限制，我们不能使用break;和continue;流控制语句与Array.forEach()方法。如果你想这样做，使用for，for-in或for-of环代替。

参考

• https://codingnconcepts.com/javascript/how-to-loop-through-array-in-javascript/
• MDN - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

关注【公众号】，了解更多。

• Previous
  JavaScript 中的 链判断运算符【?.】
• Next
  JavaScript 中在数组中查找元素

赏 支付宝打赏 微信打赏

赞赏一下 坚持原创技术分享，您的支持将鼓励我继续创作！