JavaScript 物件屬性
物件是無序屬性集合
屬性是 JavaScript 物件最重要的組成部分。
屬性可以更改、新增、刪除,有些是隻讀的。
訪問 JavaScript 屬性
訪問物件屬性的語法是
// objectName.property
let age = person.age;
或
//objectName["property"]
let age = person["age"];
或
//objectName[expression]
let age = person[x];
示例
person.firstname + " is " + person.age + " years old.";
自己動手試一試 »
person["firstname"] + " is " + person["age"] + " years old.";
自己動手試一試 »
let x = "firstname";
let y = "age";
person[x] + " is " + person[y] + " years old.";
自己動手試一試 »
新增新屬性
您可以透過簡單地為現有物件賦值來新增新屬性
刪除屬性
delete
關鍵字會從物件中刪除屬性
示例
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
delete person.age;
自己動手試一試 »
或 delete person["age"];
示例
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
delete person["age"];
自己動手試一試 »
注意
delete
關鍵字會刪除屬性的值和屬性本身。
刪除後,在重新新增屬性之前無法使用該屬性。
巢狀物件
物件中的屬性值可以是其他物件
示例
myObj = {
name:"John",
age:30,
myCars: {
car1:"Ford",
car2:"BMW",
car3:"Fiat"
}
}
您可以使用點表示法或括號表示法訪問巢狀物件
示例
myObj.myCars.car2;
自己動手試一試 »
myObj.myCars["car2"];
自己動手試一試 »
myObj["myCars"]["car2"];
自己動手試一試 »
let p1 = "myCars";
let p2 = "car2";
myObj[p1][p2];
自己動手試一試 »