1. 程式人生 > >js物件屬性操作

js物件屬性操作

當你知道屬性的名稱的時候,使用點操作符。

這是一個使用點操作符讀取物件屬性的例子:

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";