JavaScript/js中如何遍历数组的每一个元素呢？

1.88K 次浏览

0

在C#中，可以使用foreach循环遍历数组或者集合中的对象，如下所示：

var list = new List { "Tom", "Jack", "Prince", "Curry" };

foreach (var item in list)
{
    // 业务逻辑
}

那么，在前端开发中，JavaScript/js应该如何遍历数组中的每个元素对象呢？

我来回答收藏(0) 评论编辑

2021-11-11 提问

回复 [×]

提交评论

请输入评论内容

3 个回答

0
js中循环遍历数组的每一个元素对象的方式有多种，比如：for(var i = 0; i < xs.length; i++), for(const x of xs), forEach，示例如下：

1.for循环
```
var myStringArray = ["Hello","World"];
var arrayLength = myStringArray.length;
for (var i = 0; i < arrayLength; i++) {
    console.log(myStringArray[i]);
    // 业务逻辑
}
```
2.Array.prototype.forEach

forEach是ES5引入的语法，使用示例如下：
```
const array = ["one", "two", "three"]
array.forEach(function (item, index) {
  console.log(item, index);
});
```
3.for-of循环

ES6标准引入了可迭代对象的概念，并定义了一个用于遍历数据的新构造for-of的声明，此语句适用于任何类型的可迭代对象，也适用于生成器。根据定义，数组对象是ES6中的内置可迭代对象，所以你可以对它们使用这个语句：
```
let colors = ['red', 'green', 'blue'];
for (const color of colors){
    console.log(color);
}
```
评论分享

Rector

2021-11-08 回答
0
除了for循环外，还可使用while来循环数组的元素对象，如下：
```
var key = 0;
while(value = myArray[key++]){
    console.log(value);
}
```
评论分享

Rector

2021-11-08 回答
0
如果你的项目引入的jQuery，则可以使用jQuery的$.each()函数，如下：
```
$.each(myArray, function(key, value) {
    console.log(value);
});
```
评论分享

Rector

2021-11-08 回答

我来回答

提交答案