- JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。
- avaScript用一个{…}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。
注意,最后一个键值对不需要在末尾加,,如果加了,有的浏览器(如低版本的IE)将报错。
var xiaoming = {
name: '小明',
birth: 1990,
school: 'No.1 Middle School',
height: 1.70,
weight: 65,
score: null
};
上述对象申明了一个name属性,值是’小明’,birth属性,值是1990,以及其他一些属性。最后,把这个对象赋值给变量xiaoming后,就可以通过变量xiaoming来获取小明的属性了:
访问对象属性
.操作符
,但这要求属性名必须是一个有效的变量名xiaoming.name; // '小明'
如果属性名包含特殊字符,就必须用
''
括起来var xiaohong = {
name: '小红',
'middle-school': 'No.1 Middle School'
};
xiaohong的属性名middle-school不是一个有效的变量,就需要用’’括起来。访问这个属性也无法使用.操作符,必须用[‘xxx’]来访问:
xiaohong['middle-school']; // 'No.1 Middle School'
xiaohong['name']; // '小红'
xiaohong.name; // '小红'
实际上JavaScript对象的所有属性都是字符串,不过属性对应的值可以是任意数据类型。
访问不存在的属性
JavaScript规定,访问不存在的属性不报错,而是返回undefined
var xiaoming = {
name: '小明'
};
console.log(xiaoming.name);
console.log(xiaoming.age);//undefined
删除和新增属性
```javascript 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属性也不会报错
<a name="HJekW"></a>
## 检测对象是否拥有某一属性
- in操作符:
- 如果in判断一个属性存在,这个属性不一定是xiaoming的,它可能是xiaoming继承得到的
```javascript
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
'toString' in xiaoming; // true
//toString定义在object对象中,而所有对象最终都会在原型链上指向object,所以xiaoming也拥有toString属性。
hasOwnProperty()方法:
- 判断一个属性是否是xiaoming自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法:
var xiaoming = {
name: '小明'
};
xiaoming.hasOwnProperty('name'); // true
xiaoming.hasOwnProperty('toString'); // false