理解JavaScript 对象的奥秘：从键值对映射到属性访问

1. 对象的本质：键值对的集合

JavaScript 对象本质上是一个键值对的集合，其中键是属性的名称，值是属性对应的值。键值对之间使用冒号分隔，键值对之间使用逗号分隔。例如，以下代码定义了一个名为 person 的对象：

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

在这个对象中，name、age 和 city 是键，John、30 和 New York 是值。

2. 属性的访问：点语法和方括号表示法

JavaScript 中提供了两种访问对象属性的方式：点语法和方括号表示法。

• 点语法： 点语法是一种简单而直接的方式来访问对象属性。它的语法如下：

object.property

例如，以下代码使用点语法访问 person 对象的 name 属性：

const name = person.name;

• 方括号表示法： 方括号表示法是一种更灵活的方式来访问对象属性。它的语法如下：

object["property"]

例如，以下代码使用方括号表示法访问 person 对象的 name 属性：

const name = person["name"];

方括号表示法的一个好处是它允许我们使用动态属性名。例如，以下代码使用变量 propertyName 来访问 person 对象的属性：

const propertyName = "name";
const name = person[propertyName];

3. 对象字面量：创建对象的一种简便方法

JavaScript 中提供了对象字面量语法，这是一种创建对象的很方便的方式。对象字面量的语法如下：

{
  property1: value1,
  property2: value2,
  ...
}

例如，以下代码使用对象字面量语法创建了一个 person 对象：

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

对象字面量语法是一种简洁而方便的方式来创建对象，它也是创建对象的最常用方式。

4. 动态属性：在运行时添加和删除属性

JavaScript 对象的一个重要特性是它允许我们在运行时添加和删除属性。

• 添加属性： 我们可以使用点语法或方括号表示法来添加属性。例如，以下代码向 person 对象添加了一个 email 属性：

person.email = "john@example.com";

• 删除属性： 我们可以使用 delete 运算符来删除属性。例如，以下代码从 person 对象中删除 email 属性：

delete person.email;

动态属性的特性使得 JavaScript 对象非常灵活，它可以适应不断变化的数据和需求。

5. 总结

JavaScript 对象是一个强大的数据结构，它可以帮助我们组织和处理数据。对象由键值对组成，键是属性的名称，值是属性对应的值。我们可以使用点语法或方括号表示法来访问对象属性。JavaScript 对象还支持动态属性，这使得它非常灵活。