Spread 和 Rest 是 ES6 Javascript 提供的两个功能，分别主要用于解构和函数参数处理。Spread 从可迭代对象（如数组、字符串或对象）中获取元素并将它们分散到各个部分。这就像将一副纸牌铺在桌子上一样。
另一方面，Rest 收集可迭代对象的剩余元素，从而更容易处理可变参数或元素。这就像游戏结束后将分散的纸牌重新聚集在一起。让我们详细了解它们。
在上图中，你看到了这四只可爱的猫——生日猫、学习猫、睡觉猫和工作猫。现在，将它们想象成聚集成一个阵列。使用 Spread Operator — 您可以将这些猫分散成单独的猫。
这是扩展运算符的简单代码示例
JavaScript 中的展开运算符将可迭代对象（如数组、字符串或对象）的元素展开或解包为可在新数组/对象中使用的单个元素。
让我们看看展开运算符的用例。
在上面的代码中，克隆数组使用扩展运算符复制原始数组。现在，您有两个相同的数组。
在上面的代码中，...joinedArray参数允许您将任意数量的具有各种属性的附加详细信息传递给函数。
在上面的代码中，扩展运算符用于allBooks通过组合classics数组中的元素、modernBooks使用扩展运算符的数组并添加 book 来创建一个新数组。
在上面的代码中，扩展运算符updatedBook通过添加新的键值对（genre和year）来创建一个对象，同时保留原始对象的现有属性book。
在上面的代码中，扩展运算符 ( ...) 用于创建一个名为 的新数组mergedArray。array1它本质上是从和中获取所有元素array2，并将它们放入提供给您的新数组中，即 mergedArray。
扩展运算符就像数组的复印机。它有助于制作精确的副本，因此，如果您更改一个副本，另一个副本将保持不变。
在上图中，你可以再次看到这四只可爱的猫——生日猫、学习猫、睡觉猫和工作猫，但这一次，它们作为单独的猫分散开来。使用 Rest Operator，我们可以将这些猫聚集并捆绑成一个舒适的猫群。
这是扩展运算符的简单代码示例
JavaScript 中的剩余运算符将可迭代对象（如数组、字符串或对象）的剩余元素聚集或收集到单个变量中。
现在，让我们探讨一下 Rest 运算符的用例。
在上面的代码中，该calculateTotal函数使用带有参数值的剩余运算符...values来接受并将任意数量的值存储在数组中。然后它使用循环来计算总和。
Rest 运算符简化了函数中变量参数的处理，使您的代码更干净、更灵活。
在上面的代码中，...rest参数将剩余元素收集到一个名为 的数组中，rest 从索引 2 开始。
在扩展和剩余之间选择：
Spread 和 Rest 之间的选择取决于用例。
使用 Spread 来传播可迭代对象：
使用 Rest 来收集可迭代对象：
Spread 和 Rest 运算符是 JavaScript 的强大功能，每个运算符都具有独特的功能。
了解何时传播和聚集可确保流畅高效的编码体验。
因此，无论您是使用 Spread 运算符克隆数组，还是使用 Rest 运算符处理变量参数，JavaScript 中的这些功能都会使您的代码变得简单且灵活。
本文链接：//www.dmpip.com//www.dmpip.com/showinfo-26-75372-0.htmlJs ES6扩展运算符（spread）和剩余运算符（rest）
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com
Copyright © 2016-2023 天津谷骐科技有限公司 版权所有 sitemap.xml
违法及侵权请联系：2376512515@qq.com 津ICP备18001702号
津公网安备 12010102000574号
