JavaScript如何操作数组_哪些方法可以改变原数组？

JavaScript数组方法分为原地修改和返回新数组两类：push/pop/unshift/shift/splice/reverse/sort/fill会改变原数组；map/filter/slice/concat/flat/toSorted/toReversed/toSpliced则返回新数组且不改变原数组。

JavaScript中有些数组方法会直接修改原数组，有些则返回新数组而不影响原始数据。区分这两类方法对避免意外副作用很关键。

会改变原数组的方法

这些方法在调用后，原始数组的内容、长度或顺序会发生变化：

• push()：在末尾添加一个或多个元素，返回新长度
• pop()：删除最后一个元素，返回被删元素
• unshift()：在开头添加一个或多个元素，返回新长度
• shift()：删除第一个元素，返回被删元素
• splice()：从指定位置增删改元素，返回被删除的元素组成的数组
• reverse()：反转数组顺序，返回原数组引用
• sort()：按字符串 Unicode 码点排序（默认），可传比较函数，返回原数组引用
• fill()：用指定值填充数组的某一段，返回原数组引用

不会改变原数组的方法（返回新数组）

这些方法生成并返回一个新数组，原数组保持不变：

• map()：对每个元素执行函数，返回新数组
• filter()：筛选符合条件的元素，返回新数组
• slice()：提取子数组，返回新数组（不修改原数组）
• concat()：合并数组，返回新数组
• flat()：扁平化嵌套数组，返回新数组
• toSorted()、toReversed()、toSpliced()（ES2025+）：对应 sort/reverse/splice 的不可变版本

容易混淆的特殊情况

有些方法看似“安全”，但需注意细节：

• forEach() 不改变原数组结构，但如果回调里手动修改数组（如 arr[i] = xxx），仍会影响原数组
• find()、findIndex()、includes() 等只读方法完全不影响原数组
• Array.from() 和展开运算符 [...arr] 都创建浅拷贝，适合做不可变操作的基础

实用建议

日常开发中推荐：

• 优先使用不可变方法（如 map/filter/slice），配合 const 声明变量，减少隐式修改
• 若必须修改原数组（如性能敏感场景或与老代码兼容），明确用 push/splice 等，并加注释说明意图
• 需要深拷贝时，不要依赖 slice 或展开符（它们只浅拷贝），考虑 structuredClone() 或 JSON 序列化（注意限制）