向 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 來為物件人物新增高度。