首页 > web前端 > js教程 > 正文

什么是展开运算符_Javascript中它有什么用

夜晨
发布: 2025-12-20 18:57:43
原创
733人浏览过
展开运算符(...)用于将可迭代对象或对象打散为独立元素,支持数组复制合并、函数调用传参、对象浅拷贝与属性合并,但仅限一层浅拷贝,不支持null、undefined及非可迭代对象。

什么是展开运算符_javascript中它有什么用

展开运算符(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]);7Math.max() 不接受数组)
  • console.log(...['a', 'b']); → 输出 a b,而非 ['a', 'b']

对象展开:浅拷贝与合并属性

对象展开在 ES2018 中正式支持,常用于配置合并或默认值设置:

微信商城多用户企业版源码
微信商城多用户企业版源码

微信现在是非常的火了,已经开始进军支付行业,又打算搞O2O,有眼光的企业都开始盯着微信营销这块大蛋糕,微信公众号什么的也是越来越多。今天就给大家分享一款微信商城多用户的系统源码。利用本源码可搭建多用户微信商城在当地城市开展电子商务发展下级商家收取服务费。

微信商城多用户企业版源码 0
查看详情 微信商城多用户企业版源码

立即学习Java免费学习笔记(深入)”;

  • 浅拷贝对象:const newObj = { ...oldObj };
  • 合并对象:const merged = { ...defaults, ...userInput }; —— 后面的属性覆盖前面的
  • 添加/覆盖属性:const updated = { ...obj, id: 100, name: 'new' };

注意:它不是万能的,也有局限

展开运算符只做一层浅拷贝,嵌套对象仍共享引用;不能直接展开 nullundefined;也不能用于非可迭代对象(如普通对象在数组展开中会报错,但对象展开语法本身支持对象)。

不复杂但容易忽略。

以上就是什么是展开运算符_Javascript中它有什么用的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号