js 对象赋值方法

2024年2月8日发(作者：)

JavaScript 对象赋值方法

在 JavaScript 中，对象是一种复合数据类型，用于存储多个键值对。对象赋值是指将一个对象的属性值复制给另一个对象或变量。对象赋值方法有多种，本文将详细介绍以下几种常用的方法：

1. 直接赋值

2. () 方法

3. 扩展运算符（…）

1. 直接赋值

直接赋值是最简单的一种对象赋值方法，即将一个对象的属性值直接赋给另一个对象或变量。这种赋值方式是浅拷贝，即只复制对象的引用，而不是创建一个新的对象。

let obj1 = { name: 'Alice', age: 25 };

let obj2 = obj1;

(obj2);

// { name: 'Alice', age: 25 }

在上面的例子中，我们将

obj1 的值赋给了

obj2，它们指向同一个对象。因此，当修改

obj1 的属性时，obj2 的属性也会跟着改变。

= 'Bob';

(obj2);

// { name: 'Bob', age: 25 }

直接赋值的缺点是无法实现深拷贝，如果对象中包含了其他对象或数组，那么修改其中一个对象的属性会影响到其他对象。

2. () 方法

() 方法用于将一个或多个源对象的属性复制到目标对象。它接收一个目标对象和一个或多个源对象作为参数，并返回目标对象。

let obj1 = { name: 'Alice' };

let obj2 = { age: 25 };

let obj3 = ({}, obj1, obj2);

(obj3);

// { name: 'Alice', age: 25 }

在上面的例子中，我们将

obj1 和

obj2 的属性复制到一个新的空对象中，得到了

obj3。这种方式是浅拷贝，修改

obj1 或

obj2 的属性不会影响到

obj3。

如果目标对象中的属性已经存在，() 方法会将源对象的属性覆盖目标对象的属性。

let obj1 = { name: 'Alice', age: 25 };

let obj2 = { age: 30 };

let obj3 = ({}, obj1, obj2);

(obj3);

// { name: 'Alice', age: 30 }

() 方法也可以用于将属性复制到已有对象上。

let obj1 = { name: 'Alice' };

let obj2 = { age: 25 };

(obj1, obj2);

(obj1);

// { name: 'Alice', age: 25 }

() 方法的一个常见用途是创建对象的副本。

3. 扩展运算符（…）

扩展运算符（...）用于将一个对象的所有属性复制到另一个对象。

let obj1 = { name: 'Alice' };

let obj2 = { age: 25 };

let obj3 = { ...obj1, ...obj2 };

(obj3);

// { name: 'Alice', age: 25 }

扩展运算符的使用类似于

() 方法，但更为简洁。

与

() 方法一样，扩展运算符也是浅拷贝，修改其中一个对象的属性会影响到其他对象。

let obj1 = { name: 'Alice' };

let obj2 = { age: 25 };

let obj3 = { ...obj1, ...obj2 };

= 'Bob';

(obj3);

// { name: 'Bob', age: 25 }

扩展运算符也可以用于创建对象的副本。

总结

对象赋值是 JavaScript 中常用的操作之一。本文介绍了三种常用的对象赋值方法：直接赋值、() 方法和扩展运算符。直接赋值是最简单的方法，但无法实现深拷贝。() 方法可以将多个源对象的属性复制到目标对象，也可以用于创建对象的副本。扩展运算符也可以将一个对象的所有属性复制到另一个对象，使用更为简洁。但需要注意的是，这些方法都是浅拷贝，修改其中一个对象的属性会影响到其他对象。

在实际开发中，选择合适的对象赋值方法取决于具体的需求。如果需要深拷贝对象，可以使用一些第三方库或自定义函数来实现。同时，要注意对象的引用关系，避免意外修改其他对象的属性。希望本文对你理解 JavaScript 对象赋值方法有所帮助。