展开运算符(…)用于将可迭代对象或对象打散为独立元素,支持数组复制合并、函数调用传参、对象浅拷贝与属性合并,但仅限一层浅拷贝,不支持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 中正式支持,常用于配置合并或默认值设置:
立即学习“Java免费学习笔记(深入)”;
浅拷贝对象:const newObj = { ...oldObj }; 合并对象:const merged = { ...defaults, ...userInput }; —— 后面的属性覆盖前面的 添加/覆盖属性:const updated = { ...obj, id: 100, name: 'new' };
注意:它不是万能的,也有局限
展开运算符只做一层浅拷贝,嵌套对象仍共享引用;不能直接展开 null 或 undefined;也不能用于非可迭代对象(如普通对象在数组展开中会报错,但对象展开语法本身支持对象)。
不复杂但容易忽略。
以上就是什么是展开运算符_Javascript中它有什么用的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544475.html
微信扫一扫
支付宝扫一扫