还在 for 循环？这七个数组方法不懂，别说你懂 JavaScript

真正高效的 JS 开发者会让语言替你干活。现代 JavaScript 自带一批强力的数组方法，能替换初学者式的遍历，让代码更短、更清晰、更可读。

很多开发者把命都交给了 for 循环。可如果你还像 2010 年那样遍历数组，你就在浪费代码与时间。

真正高效的 JS 开发者会让语言替你干活。现代 JavaScript 自带一批强力的数组方法，能替换初学者式的遍历，让代码更短、更清晰、更可读。

我不是在说人人都会的 map() / filter()——下面这些被低估的方法，常能把你的代码量直接砍半。

1) .at() —— 按索引拿元素（支持负数从末尾取）

旧写法：

const arr = [10, 20, 30, 40];
const last = arr[arr.length - 1];

新写法：

const last = arr.at(-1);

要点：负索引从尾部计数，更直观。

2) .findLast() —— 从尾部开始找最后一个匹配项

旧写法：

const nums = [2, 4, 7, 4, 9];
const lastEven = nums.reverse().find(n => n % 2 === 0);

新写法：

const lastEven = nums.findLast(n => n % 2 === 0);

优点：无需 reverse() 与中间数组，直接到答案。

3) .findLastIndex() —— 需要索引时用它

旧写法：

const nums = [1, 3, 7, 3, 9];
const lastIndex =
  nums.length - 1 - [...nums].reverse().findIndex(n => n === 3);

新写法：

const lastIndex = nums.findLastIndex(n => n === 3);

结果：可读、直接、没“反向索引”脑筋急转弯。

4) .flat() —— 一行拍平嵌套数组

旧写法：

const nested = [1, [2, [3, 4]]];
const flat = nested.reduce((acc, val) => acc.concat(val), []);

新写法：

const flat = nested.flat(2);

技巧：传入深度（如 2），或用 flat(Infinity) 完全拍平。

5) .flatMap() —— 映射 + 拍平，一步到位

旧写法：

const arr = [1, 2, 3];
const doubled = arr.map(x => [x, x * 2]).flat();

新写法：

const doubled = arr.flatMap(x => [x, x * 2]);

好处：链更短、更快、更易读。

6) .toSorted() —— 不变更原数组的排序

旧写法：

const arr = [3, 1, 2];
const sorted = [...arr].sort((a, b) => a - b);

新写法：

const sorted = arr.toSorted((a, b) => a - b);

意义：返回排序后的新数组，不污染原数据，更函数式、更安全。

7) .toReversed() —— 无副作用的反转

旧写法：

const arr = [1, 2, 3];
const reversed = [...arr].reverse();

新写法：

const reversed = arr.toReversed();

场景：纯函数/不可变数据流，不再担心被意外改动。

💡 组合技：这些方法一起用效果更佳

const users = [
  { name: 'Alice', active: false },
  { name: 'Bob', active: true },
  { name: 'Carol', active: true }
];

// 获取“最后一个活跃用户”的名字
const lastActive = users
  .filter(u => u.active)
  .map(u => u.name)
  .toReversed()
  .at(0); // 'Carol'

再给几点小贴士：