對象
var xiaoming = {
name: '小明',
birth: 1990,
school: 'No.1 Middle School',
height: 1.70,
weight: 65,
score: null
};
注意,最后一個鍵值對不需要在末尾加,,如果加了,有的瀏覽器(如低版本的IE)將報錯。
訪問屬性是通過.操作符完成的,但這要求屬性名必須是一個有效的變量名。如果屬性名包含特殊字符,就必須用''括起來:
var xiaohong = {
name: '小紅',
'middle-school': 'No.1 Middle School'
};
xiaohong的屬性名middle-school不是一個有效的變量,就需要用''括起來。訪問這個屬性也無法使用.操作符,必須用['xxx']來訪問:
xiaohong['middle-school']; // 'No.1 Middle School'
xiaohong['name']; // '小紅'
xiaohong.name; // '小紅'
也可以用xiaohong['name']來訪問xiaohong的name屬性,不過xiaohong.name的寫法更簡潔。我們在編寫JavaScript代碼的時候,屬性名盡量使用標(biāo)準(zhǔn)的變量名,這樣就可以直接通過object.prop的形式訪問一個屬性了。
如果訪問一個不存在的屬性會返回什么呢?JavaScript規(guī)定,訪問不存在的屬性不報錯,而是返回undefined
由于JavaScript的對象是動態(tài)類型,你可以自由地給一個對象添加或刪除屬性:
var xiaoming = {
name: '小明'
};
xiaoming.age; // undefined
xiaoming.age = 18; // 新增一個age屬性
xiaoming.age; // 18
delete xiaoming.age; // 刪除age屬性
xiaoming.age; // undefined
delete xiaoming['name']; // 刪除name屬性
xiaoming.name; // undefined
delete xiaoming.school; // 刪除一個不存在的school屬性也不會報錯
如果我們要檢測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
不過要小心,如果in判斷一個屬性存在,這個屬性不一定是xiaoming的,它可能是xiaoming繼承得到的:
'toString' in xiaoming; // true
因為toString定義在object對象中,而所有對象最終都會在原型鏈上指向object,所以xiaoming也擁有toString屬性。
要判斷一個屬性是否是xiaoming自身擁有的,而不是繼承得到的,可以用hasOwnProperty()方法:
var xiaoming = {
name: '小明'
};
xiaoming.hasOwnProperty('name'); // true
xiaoming.hasOwnProperty('toString'); // false