JavaScript 是一种强大的编程语言，可以用于开发 Web 应用和移动应用。ES6 和 ES7 人们已经熟悉了 Rest 和 Spread 通用的数组操作语法，ES9 提供了更进一步的支持，下面就来详细讲述在 ES9 中使用 Rest 和 Spread 语法操作数组和对象的技术细节和实战。
使用 Rest 语法合并数组
合并数组是开发中经常用到的技巧，对于已经有的数组，可以使用 Rest 语法来实现：
----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - --------- -------- --------- ------------------ -- --- -- -- -- -- -- -- -- --
通过 Rest 操作符将数组转化为连续的列表，然后通过 Spread 操作符将这些数组的元素展开到一个新的数组中，最后完成合并。需要注意的是，Rest 操作符必须放在所有元素的最后面。
使用 Spread 语法拷贝数组
在开发中，需要拷贝一个数组至另一个位置，并且希望这两个数组之间没有任何关联，这个时候，可以使用 Spread 语法来实现：
----- ---- - --- -- --- ----- ---- - ---------- ------------------ -- --- -- -- ------------------ -- --- -- --
通过 Spread 操作符将数组元素展开到一个新的数组中，然后将这个新的数组赋值给一个变量（本例是 arr2），这样就成功将 arr1 的所有元素拷贝到了 arr2 中，而且 arr2 和 arr1 之间没有任何关联，可以彼此独立操作。
使用 Rest 语法解构对象
解构是使用频率很高的操作之一，ES9 扩展了 Rest 语法，并将其应用到对象上，可以将对象中的一部分直接解构为新的对象。
----- --- - - -- -- -- -- -- -- -- -- -- - -- ----- - -- -- ------- - - ---- -------------- -- ------ -- - - --- -- -- -- -- --
使用 Rest 操作符将 obj 中的 a 和 b 属性解构为变量 a 和 b，剩余的所有属性都被聚合在 rest 中，可以通过 console.log 打印出来。
使用 Spread 语法合并对象
通过 Spread 语法，可以将多个对象合并成一个新的对象，很简单方便：
----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- -- -- - -- ----- ---- - - -------- ------- -- ------------------ -- --- -- -- -- -- -- -- -- -- --
通过 Spread 操作符将 obj1 和 obj2 展开，然后将它们合并到一个新的对象中，最终生成 obj3。
总结
通过学习 Rest 和 Spread 语法，我们可以更加灵活地操作数组和对象，避免了以往处理操作时的一些麻烦，同时也提高了代码的可读性和可维护性。希望大家可以在实践中深入理解。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6465841c968c7c53b063110e