javascript對象的使用和屬性操作樣本詳解

JavaScript 中所有變數都是對象，除了兩個例外 null 和 undefined。
複製代碼 代碼如下:
false.toString(); // 'false'
[1, 2, 3].toString(); // '1,2,3'

function Foo(){}
Foo.bar = 1;
Foo.bar; // 1

一個常見的誤解是數位字面值（literal）不是對象。這是因為 JavaScript 解析器的一個錯誤， 它試圖將點操作符解析為浮點數字面值的一部分。

複製代碼 代碼如下:
2.toString(); // 出錯：SyntaxError

有很多變通方法可以讓數位字面值看起來像對象。

複製代碼 代碼如下:
2..toString(); // 第二個點號可以正常解析
2 .toString(); // 注意點號前面的空格
(2).toString(); // 2先被計算
　

對象作為資料類型

JavaScript 的對象可以作為雜湊表使用，主要用來儲存命名的鍵與值的對應關係。

使用對象的字面文法 - {} - 可以建立一個簡單對象。這個新建立的對象從Object.prototype 繼承下面，沒有任何自訂屬性。

複製代碼 代碼如下:
var foo = {}; // 一個Null 物件

// 一個新對象，擁有一個值為12的自訂屬性'test'
var bar = {test: 12};

訪問屬性

有兩種方式來訪問對象的屬性，點操作符或者中括弧操作符。

複製代碼 代碼如下:
var foo = {name: 'kitten'}
foo.name; // kitten
foo['name']; // kitten

var get = 'name';
foo[get]; // kitten

foo.1234; // SyntaxError
foo['1234']; // works

兩種文法是等價的，但是中括弧操作符在下面兩種情況下依然有效 - 動態設定屬性 - 屬性名稱不是一個有效變數名（譯者註：比如屬性名稱中包含空格，或者屬性名稱是 JS 的關鍵詞）

譯者註：在 JSLint 文法偵查工具中，點操作符是推薦做法。

 

刪除屬性

刪除屬性的唯一方法是使用 delete 操作符；設定屬性為 undefined 或者null 並不能真正的刪除屬性， 而僅僅是移除了屬性和值的關聯。

複製代碼 代碼如下:
14
var obj = {
    bar: 1,
    foo: 2,
    baz: 3
};
obj.bar = undefined;
obj.foo = null;
delete obj.baz;

for(var i in obj) {
    if (obj.hasOwnProperty(i)) {
        console.log(i, '' + obj[i]);
    }
}

上面的輸出結果有 bar undefined 和 foo null - 只有 baz 被真正的刪除了，所以從輸出結果中消失。

 

屬性名稱的文法

複製代碼 代碼如下:
var test = {
    'case': 'I am a keyword so I must be notated as a string',
    delete: 'I am a keyword too so me' // 出錯：SyntaxError
};

對象的屬性名稱可以使用字串或者一般字元聲明。但是由於 JavaScript 解析器的另一個錯誤設計， 上面的第二種聲明方式在 ECMAScript 5 之前會拋出SyntaxError 的錯誤。

這個錯誤的原因是 delete 是 JavaScript 語言的一個關鍵詞；因此為了在更低版本的 JavaScript 引擎下也能正常運行， 必須使用字串字面值聲明方式。