数组的常用方法有哪些？（map、filter、reduce等区别）

在JavaScript开发中，数组是处理数据集合的核心。ES5以来提供的一系列高阶函数方法，极大地改变了我们操作数组的方式。map、filter、reduce是其中最常用且最需要清晰区分的三个，它们各自解决了不同的问题。

map：映射转换

map方法用于创建一个新数组，其结果是原数组中的每个元素调用一次提供的回调函数后的返回值。它不改变原数组，而是将原数组的每个元素“映射”成一个新值，新数组的长度与原数组相同。

const numbers = [1, 2, 3];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6]

当你需要对数组的每个元素进行某种计算或格式化，并得到一个新数组时，就应该想到map。例如，将用户对象数组映射成用户名数组。

filter：过滤筛选

filter方法创建一个新数组，其中包含所有通过回调函数测试的元素。回调函数应返回一个布尔值，true表示保留该元素，false则表示过滤掉。新数组是原数组的一个子集。

const numbers = [1, 2, 3, 4, 5];
const evens = numbers.filter(num => num % 2 === 0);
console.log(evens); // [2, 4]

当你需要根据某个条件从数组中筛选出符合条件的元素时，就使用filter。它就像是一个过滤器，只留下你想要的东西。

reduce：累积归约

reduce方法相对复杂，也更为强大。它对数组中的每个元素执行一个由你提供的“reducer”回调函数，将其结果汇总为单个返回值。其核心概念是“累积”。

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((accumulator, current) => {
  return accumulator + current;
}, 0);
console.log(sum); // 10

reduce接收两个参数：回调函数和初始值（可选）。回调函数的第一个参数是累积器，它记住了上一次回调的返回值；第二个参数是当前数组元素。你可以用reduce实现求和、求积、扁平化数组、分组、甚至模拟map和filter的功能。

其他关键方法

除了这三个核心方法，还有几个方法值得掌握。forEach用于遍历数组执行副作用，它不返回新数组。find返回第一个满足测试条件的元素。some和every用于测试数组中是否至少有一个或所有元素满足条件。

const users = [{id:1}, {id:2}];
users.forEach(user => console.log(user.id));
const user = users.find(u => u.id === 2);
const hasEven = numbers.some(n => n % 2 === 0);
const allEven = numbers.every(n => n % 2 === 0);

理解这些方法的区别至关重要。map关心的是“一对一”的转换，filter关心的是“是否保留”，而reduce关心的是“如何累积成一个结果”。它们都是纯函数式的，不改变原数组，这符合不可变数据的思想，能减少副作用带来的错误。在React等现代框架的状态管理中，这种模式尤为重要。