在 JavaScript 中,遍历数组是一项常见的任务。它允许我们访问数组中的每个元素,并执行相应的操作。本文将介绍几种常用的 JavaScript 数组遍历方法,让我们一起来了解它们。
最基本的遍历方法是使用 for 循环。我们可以使用数组的长度属性 length
结合索引来遍历数组的每个元素。例如:
const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
forEach()
是数组的内置方法,它接受一个回调函数作为参数,并对数组中的每个元素依次调用该函数。例如:
const arr = [1, 2, 3, 4, 5];
arr.forEach(function(element) {
console.log(element);
});
for...of
循环是 ES6 引入的一种新的遍历方式,它可以直接遍历数组中的值,而无需使用索引。例如:
const arr = [1, 2, 3, 4, 5];
for (const element of arr) {
console.log(element);
}
map()
方法对数组中的每个元素应用一个回调函数,并返回由函数返回值组成的新数组。这种遍历方法常用于对数组进行转换或映射操作。例如:
const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(function(element) {
return element * 2;
});
console.log(newArr);
filter()
方法对数组中的每个元素应用一个回调函数,并返回满足条件的元素组成的新数组。这种遍历方法常用于根据特定条件过滤数组元素。例如:
const arr = [1, 2, 3, 4, 5];
const filteredArr = arr.filter(function(element) {
return element > 2;
});
console.log(filteredArr);