JS遍历数组的方法有哪些？-阿里云开发者社区

JS遍历数组的方法有哪些？

2024-06-21 28

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JS遍历数组的方法有哪些？

在JavaScript中，有多种方法可以遍历数组。以下是一些常见的方法及其详细解释：

这是最经典的遍历数组的方法。

let array = [1, 2, 3, 4, 5];  
 
for (let i = 0; i < array.length; i++) {  
 
    console.log(array[i]);  
 
}

2.for of 循环

ES6引入的for...of循环是遍历数组（以及其他可迭代对象）的更好方法。

let array = [1, 2, 3, 4, 5];  
 
for (let value of array) {  
 
    console.log(value);  
 
}

3.forEach方法

forEach是数组的一个方法，它接受一个回调函数作为参数，并对数组中的每个元素执行这个回调函数。

let array = [1, 2, 3, 4, 5];  
array.forEach(function(value, index, array) {  
    console.log(value);  
});

4.map方法

虽然map方法主要用于创建一个新数组，其元素是原始数组元素调用一个提供的函数后的结果，但它也可以用于遍历数组。

let array = [1, 2, 3, 4, 5];  
array.map(function(value) {  
    console.log(value);  
    // 如果你需要新数组，可以返回一个值  
});

5.for...in循环

虽然for...in循环通常用于遍历对象的属性，但它也可以遍历数组。但请注意，它遍历的是数组的索引（字符串形式），而不是值。此外，它还会遍历到数组原型链上的属性，因此通常不推荐使用for...in来遍历数组。

let array = [1, 2, 3, 4, 5];  
for (let index in array) {  
    console.log(array[index]);  
}

6.Array.prototype.entries()

entries()方法返回一个新的数组迭代器对象，它包含数组中每个索引的键值对。通常与for...of循环一起使用。

let array = [1, 2, 3, 4, 5];  
for (let [index, value] of array.entries()) {  
    console.log(index, value);  
}

7.Array.prototype.keys()

keys()方法返回一个新的数组迭代器对象，它包含数组中每个索引的键。同样，它通常与for...of循环一起使用。

let array = [1, 2, 3, 4, 5];  
for (let index of array.keys()) {  
    console.log(index, array[index]);  
}

8.Array.prototype.values()

values()方法返回一个新的数组迭代器对象，它包含数组中的每个值。这实际上与直接使用for...of循环遍历数组是相同的。

let array = [1, 2, 3, 4, 5];  
for (let value of array.values()) {  
    console.log(value);  
}

在选择遍历方法时，要注意具体需求，例如是否需要修改原始数组、是否需要新数组、是否需要索引等。

JS遍历数组的方法有哪些？