JavaScript的對(duì)象是一種無(wú)序的集合數(shù)據(jù)類型，它由若干鍵值對(duì)組成。

JavaScript的對(duì)象用于描述現(xiàn)實(shí)世界中的某個(gè)對(duì)象。例如，為了描述“小明”這個(gè)淘氣的小朋友，我們可以用若干鍵值對(duì)來(lái)描述他：

var xiaoming = {
  name: '小明',
  birth: 1990,
  school: 'No.1 Middle School',
  height: 1.70,
  weight: 65,
  score: null
};

JavaScript用一個(gè){...}表示一個(gè)對(duì)象，鍵值對(duì)以xxx: xxx形式申明，用,隔開(kāi)。注意，最后一個(gè)鍵值對(duì)不需要在末尾加,，如果加了，有的瀏覽器（如低版本的IE）將報(bào)錯(cuò)。

上述對(duì)象申明了一個(gè)name屬性，值是'小明'，birth屬性，值是1990，以及其他一些屬性。最后，把這個(gè)對(duì)象賦值給變量xiaoming后，就可以通過(guò)變量xiaoming來(lái)獲取小明的屬性了：

xiaoming.name; // '小明'
xiaoming.birth; // 1990

訪問(wèn)屬性是通過(guò).操作符完成的，但這要求屬性名必須是一個(gè)有效的變量名。如果屬性名包含特殊字符，就必須用''括起來(lái)：

var xiaohong = {
  name: '小紅',
  'middle-school': 'No.1 Middle School'
};

xiaohong的屬性名middle-school不是一個(gè)有效的變量，就需要用''括起來(lái)。訪問(wèn)這個(gè)屬性也無(wú)法使用.操作符，必須用['xxx']來(lái)訪問(wèn)：

xiaohong['middle-school']; // 'No.1 Middle School'
xiaohong['name']; // '小紅'
xiaohong.name; // '小紅'

也可以用xiaohong['name']來(lái)訪問(wèn)xiaohong的name屬性，不過(guò)xiaohong.name的寫(xiě)法更簡(jiǎn)潔。我們?cè)诰帉?xiě)JavaScript代碼的時(shí)候，屬性名盡量使用標(biāo)準(zhǔn)的變量名，這樣就可以直接通過(guò)object.prop的形式訪問(wèn)一個(gè)屬性了。

實(shí)際上JavaScript對(duì)象的所有屬性都是字符串，不過(guò)屬性對(duì)應(yīng)的值可以是任意數(shù)據(jù)類型。

如果訪問(wèn)一個(gè)不存在的屬性會(huì)返回什么呢？JavaScript規(guī)定，訪問(wèn)不存在的屬性不報(bào)錯(cuò)，而是返回undefined：

var xiaoming = {
  name: '小明'
};
xiaoming.age; // undefined

由于JavaScript的對(duì)象是動(dòng)態(tài)類型，你可以自由地給一個(gè)對(duì)象添加或刪除屬性：

var xiaoming = {
  name: '小明'
};
xiaoming.age; // undefined
xiaoming.age = 18; // 新增一個(gè)age屬性
xiaoming.age; // 18
delete xiaoming.age; // 刪除age屬性
xiaoming.age; // undefined
delete xiaoming['name']; // 刪除name屬性
xiaoming.name; // undefined
delete xiaoming.school; // 刪除一個(gè)不存在的school屬性也不會(huì)報(bào)錯(cuò)

如果我們要檢測(cè)xiaoming是否擁有某一屬性，可以用in操作符：

var xiaoming = {
  name: '小明',
  birth: 1990,
  school: 'No.1 Middle School',
  height: 1.70,
  weight: 65,
  score: null
};
'name' in xiaoming; // true
'grade' in xiaoming; // false

不過(guò)要小心，如果in判斷一個(gè)屬性存在，這個(gè)屬性不一定是xiaoming的，它可能是xiaoming繼承得到的：

'toString' in xiaoming; // true

因?yàn)閠oString定義在object對(duì)象中，而所有對(duì)象最終都會(huì)在原型鏈上指向object，所以xiaoming也擁有toString屬性。

要判斷一個(gè)屬性是否是xiaoming自身?yè)碛械模皇抢^承得到的，可以用hasOwnProperty()方法：

var xiaoming = {
  name: '小明'
};
xiaoming.hasOwnProperty('name'); // true
xiaoming.hasOwnProperty('toString'); // false

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論