js物件屬性操作
阿新 • • 發佈:2018-11-04
當你知道屬性的名稱的時候,使用點操作符。
這是一個使用點操作符讀取物件屬性的例子:
var myObj = {
prop1: "val1",
prop2: "val2"
};
var prop1val = myObj.prop1; // val1
var prop2val = myObj.prop2; // val2
第二種訪問物件的方式就是中括號操作符([]
),如果你想訪問的屬性的名稱有一個空格,這時你只能使用中括號操作符([]
)。
var myObj = {
"Space Name": "Kirk",
"More Space": "Spock"
};
myObj["Space Name"]; // Kirk
myObj['More Space']; // Spock
使用變數訪問物件屬性
var myDog = "Hunter";
var dogs = {
Fido: "Mutt", Hunter: "Doberman", Snoopie: "Beagle"
}
var breed = dogs[myDog]; // "Hunter"
console.log(breed)// "Doberman"
提示:當我們通過變數名訪問屬性的時候,不需要給變數名包裹引號。因為實際上我們使用的是變數的值,而不是變數的名稱。
當你建立了一個物件後,你可以用點操作符或中括號操作符來更新物件的屬性。
舉個例子,讓我們看看 ourDog
:
var ourDog = {
"name": "Camper",
"legs": 4,
"tails": 1,
"friends": ["everything!"]
};
讓我們更改它的名稱為 "Happy Camper",這有兩種方式來更新物件的name
屬性:
ourDog.name = "Happy Camper";
ourDog["name"] = "Happy Camper";