简单回顾下es6增数组方法

新增方法均返回新数组，避免直接修改原数组，提升代码可维护性‌。

1. ‌**Array.prototype.toReversed()** ‌

   作用：创建原数组倒序副本，原数组不变 示例：

   const arr = [1, 7, 3];
   const reversed = arr.toReversed(); // [3, 7, 1]
   console.log(arr); // 原数组保持 [1, 7, 3]

‌**reverse() 修改原数组**‌

const originalArr = [1, 2, 3, 4];
const reversedArr = originalArr.reverse();

console.log(originalArr);   // 输出: [4, 3, 2, 1]（原数组被修改）
console.log(reversedArr);   // 输出: [4, 3, 2, 1]（与原数组是同一个引用）

1. ‌**Array.prototype.toSorted()** ‌

   作用：创建排序后的副本

   示例：

   const arr = [5, 1, 4];
   const sorted = arr.toSorted((a, b) => a - b); // [1, 4, 5]

2. ‌**Array.prototype.toSpliced()** ‌

   作用：安全执行删除/替换操作，不修改原数组

   示例：

   const arr = ['a', 'b', 'c'];
   const spliced = arr.toSpliced(1, 1, 'x'); // ['a', 'x', 'c']

---

const arr2 = [1, 2, 3, 4];
const newArr2 = arr2.toSpliced(1, 2, 'a'); 
console.log(arr2);        // [1, 2, 3, 4]（原数组未变）‌
console.log(newArr2);     // [1, 'a', 4]（生成新数组）

- ‌**splice() 修改原数组**‌

```
const arr1 = [1, 2, 3, 4];
const deleted1 = arr1.splice(1, 2, 'a'); 
console.log(arr1);        // [1, 'a', 4]（原数组被修改）‌
console.log(deleted1);    // [2, 3]（返回被删除元素）
```

二、‌元素修改方法‌

4. ‌**Array.prototype.with(index, value)** ‌

   作用：替换指定索引元素，返回新数组

   示例：

   const arr = [10, 20, 30];
   const newArr = arr.with(1, 99); // [10, 99, 30]‌

---

三、‌应用场景对比‌

方法	典型场景	对比传统方法
toReversed	需要保留原数组的倒序操作	替代reverse()的破坏性操作‌
with	不可变数据更新（如Redux）	比arr[index]=val更安全‌