js 对象赋值|极客笔记

js 对象赋值

在 JavaScript 中，对象是一种复合数据类型，用于存储特定实体的属性和方法。对象可以包含多个键值对，每个键值对由键（key）和值（value）组成。对象赋值是在 JavaScript 编程中非常常见的操作，可以用来创建新对象、复制对象、修改对象属性等。

创建对象

在 JavaScript 中，可以使用对象字面量的方式来创建对象。对象字面量是一种方便快捷的对象创建方式，通过花括号（{}）来表示一个对象，键值对使用冒号（:）分隔，多个键值对使用逗号（,）分隔。

// 创建一个空对象
const person = {};

// 创建一个包含属性的对象
const car = {
  brand: 'Toyota',
  model: 'Camry',
  year: 2020
};

// 访问对象属性
console.log(car.brand); // 输出：Toyota

对象赋值

直接赋值

对象赋值最常见的方式是直接给对象属性赋值。可以使用点号（.）或方括号（[]）来访问和修改对象的属性。

const person = {
  name: 'Alice',
  age: 25
};

// 直接赋值
person.name = 'Bob';
person.age = 30;
console.log(person); // 输出：{ name: 'Bob', age: 30 }

批量赋值

通过对象解构（ES6 中的特性）可以进行批量赋值，可以将对象的属性值解构出来赋给变量。

const person = {
  name: 'Alice',
  age: 25
};

// 批量赋值
const { name, age } = person;
console.log(name, age); // 输出：Alice 25

复制对象

在 JavaScript 中，对象是引用类型，直接复制对象会导致两个变量指向同一个对象，对其中一个对象的修改会影响到另一个对象。可以通过对象的展开操作符（…）或者使用 Object.assign() 方法来复制对象。

const person1 = {
  name: 'Alice',
  age: 25
};

// 复制对象
const person2 = { ...person1 };
person2.name = 'Bob';
console.log(person1); // 输出：{ name: 'Alice', age: 25 }
console.log(person2); // 输出：{ name: 'Bob', age: 25 }

const person1 = {
  name: 'Alice',
  age: 25
};

// 复制对象
const person2 = Object.assign({}, person1);
person2.name = 'Bob';
console.log(person1); // 输出：{ name: 'Alice', age: 25 }
console.log(person2); // 输出：{ name: 'Bob', age: 25 }

合并对象

可以使用对象展开操作符（…）或 Object.assign() 方法来合并多个对象。

const person = {
  name: 'Alice',
  age: 25
};

const address = {
  city: 'New York',
  zipCode: '10001'
};

// 合并对象
const mergedObject = { ...person, ...address };
console.log(mergedObject); 
// 输出：{ name: 'Alice', age: 25, city: 'New York', zipCode: '10001' }

const person = {
  name: 'Alice',
  age: 25
};

const address = {
  city: 'New York',
  zipCode: '10001'
};

// 合并对象
const mergedObject = Object.assign({}, person, address);
console.log(mergedObject); 
// 输出：{ name: 'Alice', age: 25, city: 'New York', zipCode: '10001' }