展开运算符(...)用于将可迭代对象或对象打散为独立元素,支持数组复制合并、函数调用传参、对象浅拷贝与属性合并,但仅限一层浅拷贝,不支持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 中正式支持,常用于配置合并或默认值设置:
微信现在是非常的火了,已经开始进军支付行业,又打算搞O2O,有眼光的企业都开始盯着微信营销这块大蛋糕,微信公众号什么的也是越来越多。今天就给大家分享一款微信商城多用户的系统源码。利用本源码可搭建多用户微信商城在当地城市开展电子商务发展下级商家收取服务费。
立即学习“Java免费学习笔记(深入)”;
- 浅拷贝对象:
const newObj = { ...oldObj }; - 合并对象:
const merged = { ...defaults, ...userInput };—— 后面的属性覆盖前面的 - 添加/覆盖属性:
const updated = { ...obj, id: 100, name: 'new' };
注意:它不是万能的,也有局限
展开运算符只做一层浅拷贝,嵌套对象仍共享引用;不能直接展开 null 或 undefined;也不能用于非可迭代对象(如普通对象在数组展开中会报错,但对象展开语法本身支持对象)。
不复杂但容易忽略。









