ES9 的新特性：Array.prototype.{push, splice, unshift}.at()
ES9（又称 ECMAScript 2018）是 JavaScript 的一个版本，它带来了一些有趣和有用的特性。其中之一是 Array.prototype.{push, splice, unshift}.at()。这些新特性可以使我们更方便地对数组成员进行操作。在本文中，我们将详细探讨这些特性，以及如何使用它们。
push()
push() 方法可以将一个或多个元素添加到数组的末尾，并返回新数组的长度。在 ES9 中，push() 方法现在可以接受多个参数，并且可以使用 at() 方法来指定它们添加到数组的哪个位置。
以下是使用 push() 和 at() 的示例：
----- --- - --- -- -- --- -- --------- ----------- --- -- -------- -- -- -- -- -- ----------------- -- ---------- --------------- -- --- -- -------- -- -- -- -- -- -- -- -----------------
在上面的示例中，我们使用 push() 方法将两个元素添加到数组的末尾。在第二个示例中，我们使用 at() 方法将两个元素添加到倒数第二个位置。
splice()
splice() 方法允许我们删除数组中的一个或多个元素，并用指定的元素替换它们。在 ES9 中，splice() 现在支持使用 at() 方法来指定要删除/替换的元素。
以下是使用 splice() 和 at() 的示例：
----- --- - --- -- -- -- --- -- ------ ------------- --- -- -------- -- -- -- ----------------- -- ----------- ----------------- --- -- -------- -- -- -- -- ----------------- -- ---------------- ---------------- -- -- --- -- -------- -- -- -- -- -- -----------------
在上面的示例中，我们首先使用 splice() 方法删除数组中的一个元素。在第二个示例中，我们使用 at() 方法在数组的倒数第二个位置添加了一个元素。在第三个示例中，我们使用 at() 方法删除了两个元素，并用两个新元素替换它们。
unshift()
unshift() 方法可以将一个或多个元素添加到数组的开头，并返回新数组的长度。在 ES9 中，unshift() 方法现在可以接受多个参数，并且可以使用 at() 方法来指定它们添加到数组的哪个位置。
以下是使用 unshift() 和 at() 的示例：
----- --- - --- -- --- -- --------- -------------- -- --- -- -------- -- -- -- -- -- ----------------- -- ---------- ----------------- -- --- -- -------- -- -- -- -- -- -- -- -----------------
在上面的示例中，我们首先使用 unshift() 方法在数组开头添加了三个元素。在第二个示例中，我们使用 at() 方法将两个元素添加到数组的第三个位置。
指导意义
这些新特性在实际开发中非常有用。在许多情况下，我们需要在数组中添加、删除或替换一个或多个元素。使用这些新特性，我们可以更方便地执行这些操作，并且代码也更易读。
有几个要点需要注意：
在使用
at()方法时，必须使用数组方法（如push()、splice()、unshift()）来调用它。at()方法接受一个负数作为参数时，它将索引从数组末尾开始计算。例如，arr.push.at(-2, 7)将把元素7添加到数组的倒数第二个位置。at()方法返回的是数组本身，因此可以在调用它时使用链式语法。
结论
在本文中，我们探讨了 ES9 新特性中的 Array.prototype.{push, splice, unshift}.at() 方法，以及如何使用它们。这些方法可以使我们更方便地对数组进行成员操作，代码也更易读。我们希望这个文章可以帮助大家更好地理解这些新特性，更好地应用于实际开发中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6729987d2e7021665e250b52