如何访问对象的属性？

什么是对象？

在JavaScript中，对象是一个拥有属性和方法的数据类型。对象可以是预定义的，也可以是开发者定义的。对象可以用一个变量存储，也可以作为函数的返回值。

// 创建一个对象
var person = {
  name: "John",
  age: 30,
  city: "New York"
};

// 访问对象属性
console.log(person.name); // 输出 "John"
console.log(person.age); // 输出 30
console.log(person.city); // 输出 "New York"

如何访问对象的属性？

访问对象的属性有两种方式：点号(.)和方括号([])。

点号(.)

用点号(.)可以访问对象的属性，语法如下：

objectName.propertyName

其中，objectName是对象的名称，propertyName是属性的名称。

下面是一个例子：

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

console.log(person.name); // 输出 "John"

方括号([])

用方括号([])也可以访问对象的属性，语法如下：

objectName["propertyName"]

其中，objectName是对象的名称，propertyName是属性的名称。注意，属性名必须用引号括起来。

下面是一个例子：

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

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

如何修改对象的属性？

访问对象属性的方法同样可以用于修改属性的值。

下面是一个例子：

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

person.name = "Peter";

console.log(person.name); // 输出 "Peter"

如何添加对象的属性？

可以使用点号(.)或方括号([])来添加对象的属性。

下面是一个例子：

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

person.country = "USA";

console.log(person.country); // 输出 "USA"

如何删除对象的属性？

使用delete关键字可以删除对象的属性。

下面是一个例子：

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

delete person.age;

console.log(person.age); // 输出 undefined

结论

访问对象属性是JavaScript编程中的基础操作，掌握好这个技能对于开发者来说非常重要。

通过本文的介绍，我们可以了解到访问对象属性的两种方式：点号(.)和方括号([])。同时，我们还学习了如何修改、添加和删除对象的属性。

希望本文对你有所帮助，祝你编程愉快！