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()（ES2023+）：对应 sort/reverse/splice 的不可变版本
容易混淆的特殊情况
有些方法看似“安全”，但需注意细节：
立即学习“Java免费学习笔记（深入）”；
- forEach() 不改变原数组结构，但如果回调里手动修改数组（如 arr[i] = xxx），仍会影响原数组
- find()、findIndex()、includes() 等只读方法完全不影响原数组
- Array.from() 和展开运算符 red">[...arr] 都创建浅拷贝，适合做不可变操作的基础
实用建议
日常开发中推荐：
- 优先使用不可变方法（如 map/filter/slice），配合 const 声明变量，减少隐式修改
- 若必须修改原数组（如性能敏感场景或与老代码兼容），明确用 push/splice 等，并加注释说明意图
- 需要深拷贝时，不要依赖 slice 或展开符（它们只浅拷贝），考虑 structuredClone() 或 JSON 序列化（注意限制）
