JavaScript中的展开运算符是...，它用于将数组或对象的元素“展开”到新的数组或对象中。以下是它的基本用法：合并数组constarr1=[1,2,3];constarr2=[4,5,6];constmergedArr=[...arr1,...arr2];//[1,2,3,4,5,6]合并对象constobj1={a:1,b:2};constobj2={b:3,c:4};constmerge

一分耕耘，一分收获！既然打开了这篇文章《JavaScript展开运算符是...，它如何合并数组或对象？》，就坚持看下去吧！文中内容包含等等知识点...希望你能在阅读本文后，能真真实实学到知识或者帮你解决心中的疑惑，也欢迎大佬或者新人朋友们多留言评论，多给建议！谢谢！

展开运算符（...）用于将可迭代对象或对象展开为独立元素，实现数组/对象合并、浅拷贝、函数传参等，不修改原数据，仅浅层展开。

展开运算符（Spread Operator）是 JavaScript 中用三个点 ... 表示的语法，它能把可迭代对象（如数组、字符串）或类数组对象“展开”成独立的元素，也能把对象的属性逐个取出。它不改变原数据，而是生成新数组或新对象，常用于合并、复制、解构等场景。

用展开运算符合并数组

可以把多个数组“摊开”，再用方括号组合成一个新数组，顺序按书写顺序排列。

例如：

const arr1 = [1, 2];
const arr2 = [3, 4];
const merged = [...arr1, ...arr2]; // [1, 2, 3, 4]

• 支持多个数组同时展开：[...a, ...b, ...c]
• 可以混入字面量值：[...arr1, 99, ...arr2] → [1, 2, 99, 3, 4]
• 不会修改原数组，arr1 和 arr2 保持不变

用展开运算符合并对象

对象展开会把每个自有可枚举属性（不含原型链上的）提取出来，按顺序合并到新对象中。若属性名重复，后面的对象会覆盖前面的。

例如：

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = { ...obj1, ...obj2 }; // { a: 1, b: 3, c: 4 }

• 合并时属性顺序由展开顺序决定，后出现的同名属性会覆盖前面的
• 只做一层浅拷贝，嵌套对象仍共享引用
• 可与字面量混合：{ ...obj1, d: 5, ...obj2 }

其他常见用途

展开运算符不仅用于合并，还常用在函数调用、数组解构、浅拷贝等地方。

• 传参：代替 apply —— Math.max(...numbers)
• 浅拷贝数组：const copy = [...original]
• 浅拷贝对象：const copy = { ...original }
• 配合解构使用：const [first, ...rest] = arr（提取首项，剩余组成新数组）

基本上就这些。展开运算符写法简洁、语义清晰，是现代 JS 开发中非常实用的基础语法。注意它只处理一层结构，深层嵌套需配合其他方法处理。

终于介绍完啦！小伙伴们，这篇关于《JavaScript中的展开运算符是...，它用于将数组或对象的元素“展开”到新的数组或对象中。以下是它的基本用法：合并数组constarr1=[1,2,3];constarr2=[4,5,6];constmergedArr=[...arr1,...arr2];//[1,2,3,4,5,6]合并对象constobj1={a:1,b:2};constobj2={b:3,c:4};constmergedObj={...obj1,...obj2};//{a:1,b:3,c:4}注意事项展开运算符在合并对象时，后一个对象的属性会覆盖前一个对象的同名属性。它不会深拷贝嵌套对象或数组，只进行浅拷贝。实际应用场景数组拼接、对象合并、函数参数传递等。展开运算符是JavaScript中非常实用的功能，能简化代码并提高可读性。》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！