JavaScript 更新属性

在 JavaScript 中，我们可以通过不同的方法来更新对象的属性。本文将介绍这些方法及其用法。

dot notation

Dot notation 是一种简单的方式，可以通过对象的属性名来更新属性。以下是一些例子：

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

person.name = 'Bob';
person.age = 31;

输出结果:
没有输出,但person对象的name属性的值从'Alice'被更新为'Bob',age属性的值从30更新为31.

bracket notation

Bracket notation 是另一种更新对象属性的方式。除了使用属性名，我们还可以使用变量来更新属性。以下是一个例子：

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

const propertyName = 'name';
person[propertyName] = 'Bob';

输出结果:
没有输出,但person对象的name属性的值从'Alice'被更新为'Bob'.

Object.assign

Object.assign 方法用于将一个或多个源对象的属性合并到目标对象中。这是一种更新多个属性的简单方式。以下是一个例子：

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

Object.assign(person, {
  name: 'Bob',
  age: 31
});

输出结果:
没有输出,但person对象的name属性的值从'Alice'被更新为'Bob',age属性的值从30更新为31.

Spread syntax

Spread syntax 是 ES6 中的一种新特性，可以用于展开数组或对象，以便更新属性。以下是一个例子：

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

person = {
  ...person,
  name: 'Bob',
  age: 31
};

输出结果:
没有输出,但person对象的name属性的值从'Alice'被更新为'Bob',age属性的值从30更新为31.

总结一下，这些方法都是用于更新对象属性的简单方式。在实际开发中，开发者应该根据实际需求来选择适合的方式。