JS 遍历数组 ( 11 种方法 )
warning:
这篇文章距离上次修改已过189天,其中的内容可能已经有所变动。
在JavaScript中,可以使用多种方法来遍历数组。以下是11种常见的数组遍历方法:
- 使用for循环
- 使用for...of循环
- 使用forEach方法
- 使用for...in循环(不推荐,用于对象属性的遍历)
- 使用map方法
- 使用filter方法
- 使用every方法
- 使用some方法
- 使用reduce方法
- 使用reduceRight方法
- 使用do...while循环
以下是每种方法的示例代码:
// 初始化一个示例数组
const array = [1, 2, 3, 4, 5];
// 1. 使用for循环
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
// 2. 使用for...of循环
for (const element of array) {
console.log(element);
}
// 3. 使用forEach方法
array.forEach(element => console.log(element));
// 4. 使用for...in循环(不推荐用于数组遍历)
for (const index in array) {
console.log(array[index]);
}
// 5. 使用map方法
array.map(element => console.log(element));
// 6. 使用filter方法
array.filter(element => console.log(element));
// 7. 使用every方法
console.log(array.every(element => console.log(element)));
// 8. 使用some方法
console.log(array.some(element => console.log(element)));
// 9. 使用reduce方法
console.log(array.reduce((accumulator, element) => {
console.log(element);
return accumulator + element;
}, 0));
// 10. 使用reduceRight方法
console.log(array.reduceRight((accumulator, element) => {
console.log(element);
return accumulator + element;
}, 0));
// 11. 使用do...while循环
let i = 0;
do {
console.log(array[i]);
} while (i++ < array.length - 1);
在实际应用中,根据需要选择最适合的遍历方法。例如,如果你只是想遍历数组并执行操作,使用forEach
或for...of
循环是最简洁的方法。如果你需要返回一个新数组或者对数组中的每个元素执行某种操作,那么map
、filter
、every
或some
方法可能更适合。reduce
或reduceRight
适用于需要累计结果的场景。
评论已关闭