如何访问对象属性 in Javascript

访问对象属性是Javascript编程中最基础也是最常用的操作之一。在本文中，我们将介绍如何访问对象属性以及如何在对象上添加和删除属性。

访问对象属性

Javascript中有两种访问对象属性的方式：点运算符和方括号运算符。

点运算符

点运算符是最常用的访问对象属性的方式。可以通过以下示例代码来演示这个运算符的使用：

var person = {
  name: "John",
  age: 30,
  address: {
    street: "123 Main St",
    city: "Anytown",
    state: "CA"
  }
};

console.log(person.name); // 输出："John"
console.log(person.age); // 输出：30
console.log(person.address.street); // 输出："123 Main St"

在这个示例中，我们定义了一个person对象并访问了其name、age和address属性。address属性是另一个对象，我们可以使用点运算符访问该对象的属性street、city和state。

方括号运算符

方括号运算符也可以用于访问对象属性。和点运算符不同，方括号运算符可以动态定义要访问的属性名称。例如：

var person = {
  name: "John",
  age: 30
};

console.log(person["name"]); // 输出："John"
console.log(person["age"]); // 输出：30

我们使用方括号运算符访问了person对象的name和age属性。方括号中的属性名称必须用引号括起来。

添加对象属性

可以使用点运算符或方括号运算符来添加新的属性到对象中。例如：

var person = {
  name: "John",
  age: 30
};

person.address = {
  street: "123 Main St",
  city: "Anytown",
  state: "CA"
};

person["phone"] = "123-456-7890";

console.log(person); // 输出：{ name: "John", age: 30, address: { street: "123 Main St", city: "Anytown", state: "CA" }, phone: "123-456-7890" }

我们先定义了一个person对象，然后通过点运算符给他添加了一个address属性和方括号运算符给他添加了一个phone属性。

删除对象属性

删除对象属性非常简单，可以使用delete关键字。例如：

var person = {
  name: "John",
  age: 30
};

delete person.age;

console.log(person); // 输出：{ name: "John" }

我们使用delete关键字删除了对象person的age属性。注意，我们也可以使用点运算符或方括号运算符来删除属性。

结论

在Javascript编程中，访问对象属性是非常基础的操作。我们可以使用点运算符或方括号运算符来访问属性。我们还可以使用这些运算符来添加和删除对象属性。