展开运算符(...)可将数组或对象展开为独立元素,用于函数传参(如Math.max(...[1,3,2]))、剩余参数收集(...rest)、数组合并([...arr1, ...arr2])和对象扩展({...obj1, ...obj2}),支持浅拷贝与参数简化,提升代码简洁性与灵活性。

JavaScript中的展开运算符(Spread Operator)用三个点(...)表示,能将数组或对象中的元素逐个取出,常用于函数参数处理、数组合并、对象扩展等场景。它让参数传递和数据操作更简洁灵活。
函数参数中的应用
展开运算符可以把数组“展开”成独立的参数,传入函数中,避免手动解构或使用apply。
说明: 以前调用函数传数组元素作为参数,需要使用 Function.prototype.apply,现在直接用展开即可。
- 例如,Math.max 不接受数组,但可以用
Math.max(...[1, 3, 2])得到结果 - 等价于
Math.max(1, 3, 2),写法更直观 - 也可以结合其他参数混合使用:
Math.min(0, ...numbers)
剩余参数与参数收集
展开运算符在形参位置时,称为“剩余参数”(Rest Parameters),用于收集多余参数为数组。
立即学习“Java免费学习笔记(深入)”;
说明: 剩余参数解决了 arguments 对象不是数组的问题,可以直接调用数组方法。
- 定义函数时使用
function fn(a, b, ...rest),rest就是包含其余参数的数组 - 只能放在最后一位,且一个函数只能有一个
- 可以安全地使用
map、filter等方法处理rest
数组与对象的复制和合并
展开运算符可用于浅拷贝数组或对象,也能轻松实现合并操作。
- 数组合并:
[...arr1, ...arr2]比concat更直观 - 对象扩展:
{...obj1, ...obj2}合并属性,后者覆盖前者同名属性 - 创建副本:
const newArr = [...oldArr]避免引用共享问题
实际使用建议
展开运算符虽方便,但也需注意适用场景和潜在问题。
基本上就这些,掌握好展开运算符,能让参数处理和数据操作更高效自然。不复杂但容易忽略细节。











