JavaScript 重写 for 循环393

简介

在 JavaScript 中，有许多方法可以遍历数组或对象。最常见的方法之一是使用 for 循环。然而，JavaScript 提供了许多其他方法，包括 forEach()、map()、filter() 和 reduce()，这些方法在某些情况下可能更有效或方便。

使用 forEach()

forEach() 方法用于遍历数组中的每个元素并对每个元素执行指定的函数。它不返回任何值。
const arr = [1, 2, 3, 4, 5];
((num) => {
(num);
});
复制代码

使用 map()

map() 方法用于遍历数组中的每个元素并返回一个包含对每个元素执行指定函数后的结果的新数组。它返回一个新的数组。
const arr = [1, 2, 3, 4, 5];
const newArr = ((num) => {
return num * 2;
});
(newArr); // [2, 4, 6, 8, 10]
复制代码

使用 filter()

filter() 方法用于遍历数组中的每个元素并返回一个包含通过指定函数测试的元素的新数组。它返回一个新的数组。
const arr = [1, 2, 3, 4, 5];
const newArr = ((num) => {
return num % 2 === 0;
});
(newArr); // [2, 4]
复制代码

使用 reduce()

reduce() 方法用于遍历数组中的每个元素并将其与累加器（accumulator）结合起来。它返回一个单个值。
const arr = [1, 2, 3, 4, 5];
const total = ((acc, num) => acc + num, 0);
(total); // 15
复制代码

何时使用哪种方法

选择使用哪种方法取决于以下因素：
遍历次数：forEach() 仅遍历一次，而 map()、filter() 和 reduce() 遍历两次。
需要返回新数组：map()、filter() 和 reduce() 返回新数组，而 forEach() 不返回。
需要 accumlator：reduce() 使用 accumlator，而其他方法不使用。

比较示例

以下示例演示了使用不同方法遍历和操作数组：
// 使用 forEach()：
const numbers = [1, 2, 3, 4, 5];
let sum = 0;
((number) => {
sum += number;
});
(sum); // 15
// 使用 map()：
const doubledNumbers = ((number) => number * 2);
(doubledNumbers); // [2, 4, 6, 8, 10]
// 使用 filter()：
const evenNumbers = ((number) => number % 2 === 0);
(evenNumbers); // [2, 4]
// 使用 reduce()：
const minNumber = ((acc, number) => (acc, number), Infinity);
(minNumber); // 1
复制代码