在现代 javascript 中，扩展运算符和剩余运算符是处理数组和函数参数的强大工具，它们能显著简化代码，提升可读性和可维护性。

扩展运算符 (...)

扩展运算符用于将可迭代对象（如数组）展开成单个元素。这使得数组合并、复制以及向函数传递参数变得更加便捷。

扩展运算符之前

传统方法需要手动循环或硬编码，例如：

这种方式冗长且易错。

扩展运算符之后

使用扩展运算符，代码变得简洁明了：

扩展运算符的应用场景：

• 数组合并: 轻松地将多个数组合并成一个新的数组。

• 函数参数传递: 将数组元素作为独立参数传递给函数。

• 数组复制: 创建原始数组的浅拷贝。

剩余运算符 (...)

与扩展运算符相反，剩余运算符将多个参数收集成一个数组。

剩余运算符之前

在没有剩余运算符的情况下，从数组中提取部分元素并保留其余元素需要复杂的代码：

剩余运算符之后

使用剩余运算符，代码变得更加简洁：

剩余运算符的应用场景：

• 处理可变长度函数参数: 函数可以接受任意数量的参数。

• 数组解构: 提取数组中的部分元素，并将剩余元素收集到一个新的数组中。

总结

扩展运算符和剩余运算符是现代 JavaScript 中不可或缺的工具，它们极大地简化了数组操作和函数参数处理，使代码更易于理解和维护。 熟练掌握这两个运算符能显著提高开发效率。