javascript的展开运算符是什么_如何合并数组和对象？-js教程-PHP中文网

javascript的展开运算符是什么_如何合并数组和对象？

狼影

发布： 2025-12-20 14:27:08

原创

946人浏览过

javascript的展开运算符是什么_如何合并数组和对象？

JavaScript 的展开运算符（Spread Operator）是三个英文句点 ...，它能把可迭代对象（如数组、字符串）或类数组对象“打散”成独立的元素，也支持将对象的属性逐个展开。它常用于数组合并、对象合并、函数调用传参等场景，写法简洁且可读性强。

传统方式合并数组常用 concat() 或手动 push，而展开运算符让操作更直观：直接把一个数组“铺开”，再与其他元素一起组成新数组。

Opus

AI生成视频工具

合并两个或多个数组：

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

登录后复制

在开头/中间插入元素：

const nums = [2, 3];<br>const withHead = [1, ...nums, 4]; // [1, 2, 3, 4]

登录后复制

浅拷贝数组（避免修改原数组）：
```
const original = [1, 2, 3];<br>const copy = [...original];
```
登录后复制

对象展开会把自身可枚举属性（不含原型链上的）复制到新对象中。多个对象展开时，**后出现的同名属性会覆盖前面的**，这点和 Object.assign() 行为一致。

基础合并：

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

登录后复制

添加/覆盖属性：

const base = { x: 10 };<br>const extended = { ...base, y: 20, x: 99 }; // { x: 99, y: 20 }

登录后复制

以上就是javascript的展开运算符是什么_如何合并数组和对象？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：