ES6几个好玩的数组方法

at()

at() 方法用于获取数组中的元素，它接受一个整数索引作为参数，并返回该索引对应的元素。这个方法支持负索引，表示从数组末尾开始计算的位置。

举个栗子：

    const array = [1, 2, 3, 4, 5];
    console.log(array.at(2)); // 输出 3
    console.log(array.at(-1)); // 输出 5

这个蛮好玩的，以前我们获取数组的最后一项是用 array[array.length - 1]，现在就直接array.at(-1)就ok了。

---

toReversed()

toReversed() 方法返回一个新数组，它是原数组的逆序版本，不改变原数组。

举个栗子：

     const array = [1, 2, 3, 4, 5];
     const reversed = array.toReversed();
     console.log(reversed); // 输出 [5, 4, 3, 2, 1]

之前使用reverse()会改变原数组。

---

toSorted()

toSorted() 方法返回一个新数组，它是原数组排序后的版本，不改变原数组。还可以接受一个比较函数作为参数。

举个栗子：

     const array = [3, 1, 4, 1, 5];
     const sorted = array.toSorted();
     console.log(sorted); // 输出 [1, 1, 3, 4, 5]

之前使用sort()会改变原数组。

---

toSpliced()

toSpliced() 方法返回一个新数组，它是原数组经过删除、插入操作后的版本，不改变原数组。

举个栗子：

     const array = [1, 2, 3, 4, 5];
     const spliced = array.toSpliced(1, 2, 'a', 'b');
     console.log(spliced); // 输出 [1, 'a', 'b', 4, 5]

---

with()

with() 方法返回一个新数组，它是原数组的一个副本，但会替换指定索引处的元素。不改变原数组。

举个栗子：

     const array = [1, 2, 3, 4, 5];
     const withElement = array.with(2, 10);
     console.log(withElement); // 输出 [1, 2, 10, 4, 5]

之前使用splice(index, 1, value)给数组指定位置添加值，现在直接使用with(index, value)。

---

group()

group() 方法用于创建一个对象，对象的键是数组中每个元素的分组依据，值是分组后的元素数组。它通常与toMap()一起使用。

举个栗子：

    const array = [1, 2, 3, 4, 5];
    const grouped = array.group((item) => item % 2 === 0 ? 'even' : 'odd');
    console.log(grouped); // 输出 { odd: [1, 3, 5], even: [2, 4] }

这个也有点意思，数组成员分组，以后应该会有用武之地的。之前写echarts图表数据大屏的时候，经常遇到数据需要分组的，都是自己封装的方法…

---

groupToMap()

groupToMap() 方法与group()类似，但它返回的是一个Map对象。

举个栗子：

     const array = [1, 2, 3, 4, 5];
     const groupedToMap = array.groupToMap((item) => item % 2 === 0 ? 'even' : 'odd');
     console.log(groupedToMap); // 输出 Map(2) { 'odd' => [1, 3, 5], 'even' => [2, 4] }