JavaScript 数组遍历的五种方法如下:
1. forEach()
array.forEach(function(currentValue, index, arr), thisValue)
forEach()
方法用于调用数组中的每个元素,并将元素传递给回调函数。该方法不会返回新的数组,而是在原始数组中执行回调函数。回调函数可以接收三个参数:当前元素的值,当前元素的索引和数组本身。此外,还可以在 forEach()
方法中传递第二个参数,它作为回调函数中的 this
关键字的值。
下面是一个使用 forEach()
方法迭代数组并打印元素的例子:
const arr = [1, 2, 3, 4];
arr.forEach(function(item) {
console.log(item);
});
2. map()
array.map(function(currentValue, index, arr), thisValue)
map()
方法通过对数组中的每个元素调用回调函数来创建新数组。该方法返回新的数组,而不会修改原始数组。回调函数的参数与 forEach()
方法相同。此外,还可以在 map()
方法中传递第二个参数,它作为回调函数中的 this
关键字的值。
下面是一个使用 map()
方法将数组中的元素乘以 2 的例子:
const arr = [1, 2, 3, 4];
const newArr = arr.map(function(item) {
return item * 2;
});
console.log(newArr); // [2, 4, 6, 8]
3. filter()
array.filter(function(currentValue, index, arr), thisValue)
filter()
方法通过筛选数组元素来创建新的数组。该方法返回新的数组,而不会修改原始数组。回调函数的参数与 forEach()
方法相同。此外,还可以在 filter()
方法中传递第二个参数,它作为回调函数中的 this
关键字的值。
下面是一个使用 filter()
方法从数组中筛选出所有偶数的例子:
const arr = [1, 2, 3, 4];
const newArr = arr.filter(function(item) {
return item % 2 === 0;
});
console.log(newArr); // [2, 4]
4. reduce()
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
reduce()
方法通过对数组中的每个元素调用回调函数来对数组进行求和或归约。该方法返回一个值,而不是数组。回调函数的第一个参数是上一个值(或初始值),第二个参数是当前值,第三个参数是当前索引,第四个参数是数组本身。此外,还可以在 reduce()
方法中传递第二个参数,它作为回调函数的初始值。
下面是一个使用 reduce()
方法对数组进行求和的例子:
const arr = [1, 2, 3, 4];
const sum = arr.reduce(function(total, item) {
return total + item;
}, 0);
console.log(sum); // 10
5. every()
array.every(function(currentValue, index, arr), thisValue)
every()
方法用于检查数组中的每个元素是否满足指定的条件。如果数组中的所有元素都满足条件,则返回 true
,否则返回 false
。回调函数的参数与 forEach()
方法相同。此外,还可以在 every()
方法中传递第二个参数,它作为回调函数中的 this
关键字的值。
下面是一个使用 every()
方法检查数组中的所有元素是否是偶数的例子:
const arr = [2, 4, 6, 8];
const isEven = arr.every(function(item) {
return item % 2 === 0;
});
console.log(isEven); // true
以上是 JavaScript 数组遍历的五种方法的完整攻略。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript 数组遍历的五种方法 - Python技术站