ES9 支持 Rest 和 Spread 在对象和数组中的应用
在 ES9 中，Rest 和 Spread 操作符在对象和数组中的应用变得更加容易和灵活。Rest 操作符允许我们将剩余的参数打包成一个数组，而 Spread 操作符允许我们将一个数组或者对象展开成另一个数组或者对象。
Rest 操作符在对象中的应用：
在对象中使用 Rest 操作符可以方便地获取一个对象的一部分属性，将它们打包成一个新的对象。例如：
-- -------------------- ---- ------- ----- ------ - - ----- ------ ---- --- ------- ------- ------ ------------------ ------ -------------- -- ----- - ----- ---- ---------- - - ------- ----------------- ---- --------- -- ------- -- ----- -- ---------- ------- -------- ------------------ -------- ---------------
在上面的例子中，我们使用 Rest 操作符将 person 对象的 gender、email 和 phone 属性打包成一个新的对象 contact，而 name 和 age 属性则被直接赋值给变量 name 和 age。
Spread 操作符在对象中的应用：
在对象中使用 Spread 操作符可以方便地将一个对象的属性展开成另一个对象。例如：
-- -------------------- ---- ------- ----- ------ - - ----- ------ ---- --- ------- ------ -- ----- ------- - - ------ ------------------ ------ -------------- -- ----- --------- - - ---------- ---------- -- ----------------------- -- ------- -- -------- ------ ------ --- --------- ------- -------- ------------------ -------- ---------------
在上面的例子中，我们将 person 和 contact 两个对象展开成一个新的对象 newPerson，从而得到一个包含所有属性的新对象。
Rest 操作符在数组中的应用：
在数组中使用 Rest 操作符可以方便地获取一个数组的一部分元素，将它们打包成一个新的数组。例如：
const scores = [92, 71, 84, 63, 79, 87, 90]; const [first, second, ...others] = scores; console.log(first, second, others); // Output: // 92 71 [84, 63, 79, 87, 90]
在上面的例子中，我们使用 Rest 操作符将 scores 数组的前两个元素打包成一个新的数组 others，而 first 和 second 则分别被赋值为数组的前两个元素。
Spread 操作符在数组中的应用：
在数组中使用 Spread 操作符可以方便地将一个数组的元素展开成另一个数组。例如：
-- -------------------- ---- ------- ----- ------- - ---- --- ---- ----- ------- - ---- --- --- ---- ----- --------- - ------------ ------------ ----------------------- -- ------- -- ---- --- --- --- --- --- ---
在上面的例子中，我们使用 Spread 操作符将 scores1 和 scores2 两个数组展开成一个新的数组 allScores，从而得到一个包含所有元素的新数组。
总结：
Rest 和 Spread 操作符在对象和数组中的应用让我们能够更容易地处理对象和数组的数据，提高代码可读性和可维护性。在编写前端代码时，我们应尽可能地使用这些新特性，以提高自己的编程效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fe89f995b1f8cacdd4c103