当然可以!下面是 JavaScript 最常用的 16 种数组方法,每个方法都附带简洁的说明与代码示例,适合用于教程、备忘或面试复习。


✅ JavaScript 最常用的 16 种数组方法


1. push()

向数组末尾添加元素,返回新长度

const arr = [1, 2];
arr.push(3); // [1, 2, 3]

2. pop()

删除数组最后一个元素,返回被删除元素

const arr = [1, 2, 3];
arr.pop(); // 3, arr变为 [1, 2]

3. shift()

删除数组第一个元素,返回该元素

const arr = [1, 2, 3];
arr.shift(); // 1, arr变为 [2, 3]

4. unshift()

向数组开头添加元素,返回新长度

const arr = [2, 3];
arr.unshift(1); // arr变为 [1, 2, 3]

5. splice(start, deleteCount, ...items)

添加/删除数组元素,原地修改

const arr = [1, 2, 3];
arr.splice(1, 1, 'a'); // [1, 'a', 3]

6. slice(start, end)

返回选定的数组片段(不修改原数组)

const arr = [1, 2, 3, 4];
arr.slice(1, 3); // [2, 3]

7. map()

对每个元素执行回调并返回新数组

[1, 2, 3].map(x => x * 2); // [2, 4, 6]

8. filter()

返回符合条件的元素组成的新数组

[1, 2, 3].filter(x => x > 1); // [2, 3]

9. reduce()

将数组归约为一个值(如求和)

[1, 2, 3].reduce((sum, val) => sum + val, 0); // 6

10. forEach()

对每个元素执行函数(不返回新数组)

[1, 2, 3].forEach(x => console.log(x));

11. find()

返回第一个满足条件的元素

[1, 2, 3].find(x => x > 1); // 2

12. findIndex()

返回第一个满足条件元素的索引

[1, 2, 3].findIndex(x => x > 1); // 1

13. includes()

判断数组是否包含某元素

[1, 2, 3].includes(2); // true

14. some()

是否至少有一个元素满足条件

[1, 2, 3].some(x => x > 2); // true

15. every()

是否所有元素都满足条件

[1, 2, 3].every(x => x > 0); // true

16. sort()

对数组元素排序(原地排序)

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

✅ 补充推荐(加分项)

如果你想再进阶一些操作:

  • flat():数组扁平化[1, [2, [3]]].flat(2); // [1, 2, 3]
  • concat():数组合并[1, 2].concat([3, 4]); // [1, 2, 3, 4]
  • join():数组转字符串[1, 2, 3].join('-'); // '1-2-3'

如果你需要我整理成:

  • Markdown 教程笔记 📘
  • PDF 速查表 🧾
  • 面试题巩固练习题 🧠
  • 或者生成语雀 / CSDN / 微信公众号发布版本