向 JavaScript 对象添加属性

1. 使用方括号表示法向 JavaScript 对象添加属性
2. 使用点表示法向 JavaScript 对象添加属性

本教程介绍如何向 JavaScript 对象添加属性。

使用方括号表示法向 JavaScript 对象添加属性

方括号表示法等效于点表示法，但有一个主要区别。我们可以使用它来添加名称中包含多个单词的属性。例如，我们可以使用方括号表示法，如 person["one more"]，但不能使用点表示法。

const person = {
    name: 'Dave',
    age: 5,
    gender: 'male'
}
person['height meter'] = 2.1;
console.log(person);

输出：

{name: "Dave", age: 5, gender: "male", height: 2.1}

在上面的代码中，我们使用方括号表示法 person["height meter"] 为对象 person 添加高度。

使用点表示法向 JavaScript 对象添加属性

const person = {
    name: 'Dave',
    age: 5,
    gender: 'male'
}
person.height = 2.1;
console.log(person);

输出：

{name: "Dave", age: 5, gender: "male", height: 2.1}

在上面的代码中，我们使用了点符号 person.height 来为对象人物添加高度。