在 JavaScript 中，Object Rest 和 Spread 操作符是 ES6 中引入的两个非常有用的特性。它们可以帮助我们更方便地操作对象和数组。而在 ES9 中，这两个操作符又得到了更好的支持和扩展，让我们更好地利用它们来编写更简洁、高效的代码。
Object Rest 操作符
在 ES6 中，我们可以使用 Object Rest 操作符来从一个对象中提取出一部分属性，并将其放入一个新的对象中。
----- ------ - - ----- ------- ---- --- ------- ------ -- ----- - ----- ------- - - ------- ------------------ -- ------ ------------------ -- - ---- --- ------- ------ -
在上面的例子中，我们使用 Object Rest 操作符（...rest）从 person 对象中提取出 name 以外的属性，并将它们放入了一个新的对象 rest 中。这样我们就可以更方便地操作对象中的属性。
在 ES9 中，Object Rest 操作符又得到了更好的支持和扩展。现在我们可以使用 Object Rest 操作符来更方便地对嵌套对象进行操作。
----- ------ - - ----- ------- ---- --- -------- - ----- ---- ------ -------- ----- - -- ----- - -------- - ---- -- ------- - - ------- ------------------ -- ---- ----- ------------------ -- - ----- ------- ---- --- -------- - -------- ----- - -
在上面的例子中，我们使用 Object Rest 操作符从 person 对象中提取出了 address 对象中的 city 属性，并将其放入了一个新的变量 city 中。同时，我们还将剩余的属性放入了一个新的对象 rest 中。
这个特性让我们在处理嵌套对象时更方便、更灵活，提高了我们的编程效率。
Spread 操作符
在 ES6 中，我们可以使用 Spread 操作符来将一个数组或对象展开成一个新的数组或对象。
----- ---- - --- -- --- ----- ---- - --- -- --- ----- ------ - --------- --------- -------------------- -- --- -- -- -- -- --
在上面的例子中，我们使用 Spread 操作符将 arr1 和 arr2 数组展开，然后再使用数组解构将它们合并成了一个新的数组 newArr。
在 ES9 中，Spread 操作符又得到了更好的支持和扩展。现在我们可以使用 Spread 操作符来更方便地对嵌套对象进行操作。
----- ------ - - ----- ------- ---- -- -- ----- ------- - - ----- ---- ------ -------- ----- -- ----- --------- - - ---------- ---------- -- ----------------------- -- - ----- ------- ---- --- ----- ---- ------ -------- ----- -
在上面的例子中，我们使用 Spread 操作符将 person 和 address 对象展开，然后再使用对象字面量将它们合并成了一个新的对象 newPerson。
这个特性让我们在处理对象时更方便、更灵活，提高了我们的编程效率。
总结
ES9 中的 Object Rest 和 Spread 操作符让我们在处理对象和数组时更加方便、灵活。我们可以使用 Object Rest 操作符来提取对象中的一部分属性，并将其放入一个新的对象中；使用 Spread 操作符来展开数组或对象，将它们合并成一个新的数组或对象。这些特性都能够提高我们的编程效率，让我们更加高效地编写 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d1f189add4f0e0ffa82cdd