JavaScript 更改数据属性值 - Javascript

在 JavaScript 中，我们可以轻松地更改一个对象的属性值。更改属性值可以帮助我们实现动态性和交互性的功能。在本文中，我们将学习如何使用 JavaScript 更改对象的属性值。

修改对象属性

我们可以使用点号或者中括号来访问和修改对象属性。例如，我们有以下的对象：

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 25,
  address: {
    city: "New York",
    state: "NY"
  }
};

使用点号来访问和修改属性值，例如：

person.firstName = "Jane";

我们也可以使用中括号来访问和修改属性值：

person["firstName"] = "Mike";

如果需要访问嵌套对象的属性值，可以使用点号或者中括号进行嵌套访问，例如：

person.address.city = "Los Angeles";
person["address"]["state"] = "CA";

修改数组元素

我们也可以使用索引来访问和修改数组元素。例如，我们有以下的数组：

let fruits = ["Apple", "Banana", "Orange"];

使用索引来访问和修改数组元素，例如：

fruits[0] = "Mango";

修改属性值的方法

除了直接修改属性值外，我们还可以使用以下的方法来修改属性值。

使用 Object.defineProperty()

Object.defineProperty() 方法可以用来添加或修改对象的属性，并且可以通过参数来控制属性的特性。

例如，我们可以使用以下的方法来修改 person 对象的 firstName 属性，使其不可被枚举：

Object.defineProperty(person, "firstName", {
  value: "Mary",
  enumerable: false
});

使用 Object.assign()

Object.assign() 方法可以用来将多个对象的属性合并到一个对象中。

例如，我们有以下的对象：

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 25
};

let info = {
  address: "123 Main St",
  phone: "555-555-1212"
};

我们可以使用以下的方法将两个对象的属性合并到一个对象中：

let newPerson = Object.assign(person, info);

以上就是使用 JavaScript 更改数据属性值的基本方法。无论是直接赋值、使用方法修改还是使用特殊方法修改，都是非常常见的操作。熟练掌握这些方法可以帮助我们更好地开发 JavaScript 应用程序。