JavaScript数组方法分四类:基础增删改查(如push、splice)直接修改原数组;不可变转换(如map、filter)返回新数组,推荐函数式编程;聚合判断(如reduce、some)压缩为单值;进阶技巧(如解构、at)提升表达力与性能。

JavaScript 数组提供了丰富且实用的方法,掌握它们能让你更简洁、安全、高效地操作和转换数据。关键不在于记全所有方法,而在于理解每类方法的用途、是否修改原数组、返回值类型,以及常见使用场景。
基础增删改查:直接操作原数组
这类方法会改变原始数组,适合需要就地更新的场景,但要注意避免意外副作用。
- push() 和 pop():在末尾添加/移除元素,常用于模拟栈;
- unshift() 和 shift():在开头添加/移除元素,性能略低(需重排索引),慎用于大数组;
- splice():最灵活的“万能修改器”,可删除、插入、替换任意位置的元素,返回被删除的元素组成的数组;
- fill():用指定值填充整个数组或某一段,适合初始化固定长度数组;
-
reverse() 和 sort():就地翻转或排序,red">注意 sort() 默认按字符串 Unicode 排序,数字排序务必传比较函数,例如:
[3,10,2].sort((a,b) => a - b)。
不可变转换:生成新数组,推荐优先使用
函数式编程风格,避免副作用,利于调试和并发安全,现代开发中更受推崇。
-
map():对每个元素执行操作并返回新数组,适合字段提取、格式转换(如
users.map(u => u.name)); -
filter():返回满足条件的元素组成的新数组,不改变原数组(如
arr.filter(x => x > 5)); -
flatMap():先 map 再 flat(1),适合处理嵌套结构并展平一层(如展开多维标签:
posts.flatMap(p => p.tags)); -
slice():返回浅拷贝的子数组,常用于截取、复制(
arr.slice()是常用浅拷贝写法); - toSpliced()(ES2023 新增):类似 splice 的不可变版本,返回新数组,未来可逐步替代部分 splice 场景。
聚合与判断:把数组“压缩”成单个值
适用于求和、查找、校验、拼接等汇总类操作。
立即学习“Java免费学习笔记(深入)”;
-
reduce():最强大的聚合工具,通过累加器逐步计算,可实现 map/filter/find 等多数逻辑(如求和:
nums.reduce((sum, n) => sum + n, 0)); - some() 和 every():判断是否存在/全部满足某条件,返回布尔值,短路执行;
- find() 和 findIndex():返回第一个匹配项或其索引,比 filter()[0] 更高效;
- includes():判断是否含某值(支持 NaN),比 indexOf !== -1 更语义化;
- join():将数组转为字符串,指定分隔符,比循环拼接更简洁安全。
进阶技巧:提升表达力与性能
结合语法和策略,让代码更健壮、易读、高效。
- 用 解构 + 扩展运算符 替代 push/unshift:如
const newArr = [newItem, ...oldArr]或[...oldArr, newItem]; - 链式调用要谨慎:filter → map → reduce 可读性好,但每次都会创建中间数组;大数据量时考虑 for...of 或 Array.from() 配合回调优化;
- 注意浅拷贝陷阱:map/filter/slice 等只拷贝第一层引用,嵌套对象仍共享内存;深拷贝需用 structuredClone()(现代环境)或 JSON.parse(JSON.stringify())(简单场景);
- 善用 at() 方法(ES2022):支持负索引,
arr.at(-1)比arr[arr.length - 1]更简洁安全; - 避免重复遍历:一次 reduce 完成多个统计(如同时算总和与最大值),比多次调用 reduce/map 更高效。











