当然可以!下面是 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 / 微信公众号发布版本
发表回复