JS 更改对象值 - Javascript

在 Javascript 中，对象是非常重要且常见的数据类型。对象可以存储键值对，也可以存储方法。有时候，我们需要在程序运行时动态地更改对象的值。这时，我们可以使用一些方法来实现。

方式一：直接修改对象属性值

使用点号或中括号运算符，可以直接修改对象的属性值。以下是示例代码：

// 创建一个对象
const person = {
  firstName: 'John',
  lastName: 'Doe'
};

// 修改属性值
person.lastName = 'Smith';
person['firstName'] = 'David';

// 输出
console.log(person); // { firstName: 'David', lastName: 'Smith' }

方式二：使用 Object.assign()

使用 Object.assign() 可以将一个或多个对象的属性复制到另一个对象中。如果目标对象中已经存在同名属性，则会被覆盖。

以下是示例代码：

// 创建两个对象
const person = {
  firstName: 'John',
  lastName: 'Doe'
};
const info = {
  age: 30,
  address: '123 Main St'
}

// 合并对象
const mergedObj = Object.assign(person, info);

// 输出
console.log(mergedObj); // { firstName: 'John', lastName: 'Doe', age: 30, address: '123 Main St' }

方式三：使用解构赋值

解构赋值可以方便地从一个对象中提取属性，并在新的对象中使用。以下是示例代码：

// 创建一个对象
const person = {
  firstName: 'John',
  lastName: 'Doe'
};

// 解构赋值
const { firstName, lastName } = person;

// 修改属性值
firstName = 'David';
lastName = 'Smith';

// 输出
console.log(person); // { firstName: 'John', lastName: 'Doe' }

需要注意的是，在示例代码中，使用解构赋值将 firstName 和 lastName 提取出来后，直接修改它们与原始对象 person 没有关系。

以上是三种常见的方法来在 Javascript 中更改对象的值。根据不同的情况，选择合适的方法可以更高效地实现需求。