展开运算符(...)用于将可迭代对象或对象打散为独立元素,支持数组复制合并、函数调用传参、对象浅拷贝与属性合并,但仅限一层浅拷贝,不支持null、undefined及非可迭代对象。
展开运算符(Spread Operator)是 JavaScript 中的三个点 ...,它能把可迭代对象(如数组、字符串
、类数组)或对象“打散”成独立的元素,常用于复制、合并、函数调用等场景。
展开运算符能将数组“铺开”,避免使用 slice() 或 concat() 等传统方法。
const newArr = [...oldArr]; —— 创建浅拷贝,不修改原数组const combined = [...arr1, ...arr2, 4, 5]; —— 比 concat() 更直观,还能插入单个值const [first, ...rest] = [1, 2, 3, 4]; —— rest 得到 [2, 3, 4]
apply()
以前需用 func.apply(null, arr) 把数组作为参数传入,现在直接用展开更简洁:
Math.max(...[3, 7, 2]); → 7(Math.max() 不接受数组)console.log(...['a', 'b']); → 输出 a b,而非 ['a', 'b']
对象展开在 ES2018 中正式支持,常用于配置合并或默认值设置:
const newObj = { ...oldObj };
const merged = { ...defaults, ...userInput }; —— 后面的属性覆盖前面的const updated = { ...obj, id: 100, name: 'new' };
展开运算符只做一层浅拷贝,嵌套对象仍共享引用;不能直接展开 null 或 undefined;也不能用于非可迭代对象(如普通对象在数组展开中会报错,但对象展开语法本身支持对象)。
不复杂但容易忽略。