本文實例講述了JavaScript對象的特性與實踐應用。分享給大家供大家參考,具體如下:
JavaScript 的簡單數據類型是數字、字符串、布爾值(true/false)、null 以及 undefined,其它所有的值都是對象。這些對象是可變的鍵值對集合。
對象是屬性的容器,每個屬性都有名字和值。屬性的名字可以是包含空字符串在內的任何字符串,而屬性值是除 undefined 值之外的任意值。
對象是無類型的,它對屬性的名字和值沒有類型限制。所以對象很適合匯集和管理數據。對象可以包含其他對象,所以可以很容易地表示成樹狀或圖形數據結構。
使用原型鏈,可以讓一個對象繼承另一個對象的屬性。合理地使用這一特性,可以減少初始化對象所消耗的內存和時間。
1 對象字面量
對象字面量是包圍在一對花括號中的零或多個名值對,它可以出現在任何允許表達式出現的地方:
var empty_object = {};var stooge = { "first-name": "deniro", "last-name": "Li"};屬性的名字可以是包含空字符串在內的任何字符串。如果屬性名是合法的 JavaScript 標識符,則可以不加引號。逗號用來分隔多個名值對。
屬性值可以是任意的表達式(包括另一個對象字面量),即對象是可潛逃的:
var flight = { airline: "Oceanic", number: 815, departure: { IATA: "SYD", time: "2017-08-02 19:00", city: "Sydney" }, arrival: { IATA: "LAX", time: "2017-08-03 21:37", city: "Los Angeles" }};2 檢索
可以使用 [ ] 語法來獲取對象的值。如果字符串表達式是一個字符串字面量,而且它又是一個合法的 JavaScript 標識符,那么也可以使用 . 語法。優先使用 . 語法,因為它更緊湊,而且可讀性更好:
console.log(stooge["first-name"]);//"deniro"console.log(flight.departure.IATA);//"SYD"(優先考慮 . 表示法)
如果要檢索的屬性的值不存在,會返回 undefined:
console.log(stooge["middle-name"]);console.log(flight.status);console.log(stooge["FIRST-NAME"]);
|| 運算符可用來填充默認值:
console.log(stooge["middle-name"] || "(none)");//(none)console.log(flight.status || "unknown");//unknown
從 undefined 的屬性中取值會拋出 TypeError 異常,我們可以使用 && 來避免這個問題:
console.log(flight.equipment);//undefined//console.log(flight.equipment.model);//拋出 TypeErrorconsole.log(flight.equipment && flight.equipment.model);//undefined
3 更新
可以通過賦值語句來更新對象的值。如果屬性名已存在于對象中,那么屬性的值就會被替換:
stooge["first-name"] = "lily";console.log(stooge["first-name"]);//"lily"
新聞熱點
疑難解答
圖片精選