【胡乱补补基础】JS数组做大做强，新增纯函数API

本文链接：https://blog.csdn.net/weixin_43738978/article/details/141562651

前言：为学日益，为道日损。

在JavaScript中，许多数组方法都是纯函数，例如：map、filter、slice 等，它们不会改变原始数组，而是返回一个新的数组。

最近，JavaScript又为数组操作带来了几个新的纯函数 API，它们是Array.toSorted()、Array.toReversed()、Array.toSpliced()以及Array.with()。

一、Array.toSorted()

Array.toSorted() 是 sort() 方法的纯函数版本。它返回一个新数组，其元素按升序排列，而原数组保持不变。这个方法接受一个可选的比较函数，允许你自定义排序逻辑。

    const numbers = [9, 3, 5, 7, 1];
    const newNumbers = numbers.toSorted();
    console.log(newNumbers); // [1, 3, 5, 7, 9]
    console.log(numbers); // [9, 3, 5, 7, 1] 原数组未被改变

二、Array.toReversed()

Array.toReversed() 是 reverse() 方法的纯函数版本。它返回一个新数组，其元素顺序与原数组相反，原数组同样保持不变。

    const numbers  = [1, 3, 5, 7, 9];
    const newNumbers = numbers.toReversed();
    console.log(newNumbers); // [9, 7, 5, 3, 1]
    console.log(numbers); // [1, 3, 5, 7, 9] 原数组未被改变

三、Array.toSpliced()

Array.toSpliced() 是 splice( ) 方法的纯函数版本。它返回一个新数组，根据指定的索引和删除数量，以及可选的添加元素，来生成新数组。原数组同样不会受到影响。

    const numbers = ["海贼王", "火影忍者", "家庭教师", "七龙珠"];
    const newNumbers = numbers.toSpliced(0, 1, "蜡笔小新");
    console.log(newNumbers); // ["蜡笔小新", "火影忍者", "家庭教师", "七龙珠"]
    console.log(numbers); // ["海贼王", "火影忍者", "家庭教师", "七龙珠"] 原数组未被改变

四、Array.with()

Array.with() 是一个全新的纯函数，用于替换数组中指定索引处的元素。它返回一个新数组，其中指定索引处的元素被替换为新值，而原数组保持不变。

    const numbers = ["海贼王", "火影忍者", "家庭教师", "七龙珠"];
    const newNumbers = numbers.with(3, "蜡笔小新");
    console.log(newNumbers); // ["海贼王", "火影忍者", "家庭教师", "蜡笔小新"]
    console.log(numbers); // ["海贼王", "火影忍者", "家庭教师", "七龙珠"] 原数组未被改变