tospliced是es2023新增的不可变数组方法，与splice接口一致但不修改原数组、返回新数组；根本区别在于splice是原地变异操作，而tospliced是纯函数式、无副作用的复制操作。
toSpliced 是什么，和 splice 有什么根本区别
toSpliced 是 ES2023 新增的数组方法，核心价值就是「不修改原数组」。它和 splice 接口几乎一致（同样接受 start、deleteCount 和插入元素），但返回的是一个新数组，原数组完全不受影响。
常见错误是误以为 toSpliced 是 splice 的“安全版别名”——其实它不兼容旧环境（Node.js ≥19.5，Chrome ≥114），且没有副作用这个特性是硬编码进语言规范的，不是靠浅拷贝模拟出来的。
使用场景包括：React/Vue 中响应式更新需要不可变数据、函数式编程链式调用、避免意外污染共享数组引用。
基本用法：删除、插入、替换三类操作写法
toSpliced 的参数顺序和语义与 splice 完全一致，但不会改变 this 数组。
- 只删不插：
[1, 2, 3, 4].toSpliced(1, 2)→[1, 4]（从索引 1 开始删 2 个） - 只插不删：
[1, 2, 3].toSpliced(1, 0, 'a', 'b')→[1, 'a', 'b', 2, 3]（在索引 1 处插入） - 边删边插（替换）：
['a', 'b', 'c'].toSpliced(1, 1, 'x')→['a', 'x', 'c']
注意：负数索引支持（如 -1 表示倒数第一个），行为与 splice 一致；deleteCount 超出剩余长度时，只删到末尾，不会报错。
容易踩的坑：兼容性、空数组、稀疏数组处理
三个高频翻车点：
- Node.js TypeError: Array.prototype.toSpliced is not a function，需用 Babel 插件
@babel/plugin-transform-array-prototype-to-spliced或手动降级为slice+concat组合 - 对空数组调用（如
[].toSpliced(0, 0, 1)）是合法的，返回[1]；但若传入无效start（如NaN、undefined），会被强制转为0，而非抛错 - 稀疏数组（如
[1, , 3]）中，toSpliced会保留空位（hole），这点和splice一致；但若用扩展运算符或Array.from手动实现，可能意外填充undefined
替代方案对比：什么时候不该用 toSpliced
如果项目需支持 IE 或老版本 Node.js，或需要更细粒度控制（比如自定义深拷贝逻辑），就别强依赖 toSpliced。
- 简单删除+拼接：
arr.slice(0, start).concat(arr.slice(start + deleteCount)).concat(inserts) - 插入场景可简化为：
[...arr.slice(0, start), ...inserts, ...arr.slice(start)] - 注意：手写方案对大数组性能略差（多一次遍历），且
slice对稀疏数组的处理和toSpliced并不完全等价（slice会把 hole 变成undefined）
真正需要不可变更新又必须兼容旧环境时，建议封装一层工具函数，内部根据运行时特征自动选择原生方法或 polyfill 实现。
