未来的JavaScript代码-DEV365 开发者社区

在本文中，我们将探索一系列新的数组方法，这些方法提供了一种实现不变性的新方法。

所讨论的方法与之相关，tosort，torevers and tospled。

不变性可确保原始数组保持不变，并在新副本上进行修改。尽管有实现不变性的现有技术，例如使用传播操作员，但这些新的阵列方法提出了更方便的替代方案。

这些方法提供了改进的代码可读性和性能优势，使其对开发人员有利。

with with（）方法的Array实例是使用bracket notation的copying版本来更改给定索引的值。它返回一个新的数组，该数组以给定值代替给定索引的元素。

array.with（index，value）â€将返回一个新数组，并用index替换为value。

const arr = [1, 2, 3, 4, 5];
console.log(arr.with(2, 6)); // [1, 2, 6, 4, 5]
console.log(arr); // [1, 2, 3, 4, 5]

2。 tospliced（）

splice（）是可以在您的原始数组中使用的方法，而是在其副本上。

对于例如：在以下示例中，剪接用新值替换了开始和结束索引，即芒果

tospliced（）会做的，它不会更新原始数组，而不是在其副本和原始数组上工作。它返回一个新数组而不是修改原始数组。

3。 Tosorted（）

通常，我们通过在任何数组后添加 sort（）来对其进行排序，并且它将对原始数组进行排序，而原始数组会更改。

要与原始数组保持完整，您需要介绍传播操作员并创建这样的单独副本。

要删除此步骤，JavaScript具有新的数组方法，因此无需使用差距IE。 tosorted（）

4。 Toreversed（）

此方法的工作原理与 array.reverse（），，但它不会更改原始数组，而是会创建一个新副本，而原始数组保持完整。

使用这些方法中的任何一种，请检查其浏览器兼容性，因为Firefox中不支持其中的许多方法，因此请在需要时使用。 https://caniuse.com/?search=array.with

另外，请确保检查MDN Website以检查JavaScript中的即将到来的功能。