• JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。
  • avaScript用一个{…}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。
  • 注意,最后一个键值对不需要在末尾加,,如果加了,有的浏览器(如低版本的IE)将报错。

    1. var xiaoming = {
    2. name: '小明',
    3. birth: 1990,
    4. school: 'No.1 Middle School',
    5. height: 1.70,
    6. weight: 65,
    7. score: null
    8. };
  • 上述对象申明了一个name属性,值是’小明’,birth属性,值是1990,以及其他一些属性。最后,把这个对象赋值给变量xiaoming后,就可以通过变量xiaoming来获取小明的属性了:

    访问对象属性

  • .操作符 ,但这要求属性名必须是一个有效的变量名 xiaoming.name; // '小明'

  • 如果属性名包含特殊字符,就必须用''括起来

    1. var xiaohong = {
    2. name: '小红',
    3. 'middle-school': 'No.1 Middle School'
    4. };
  • xiaohong的属性名middle-school不是一个有效的变量,就需要用’’括起来。访问这个属性也无法使用.操作符,必须用[‘xxx’]来访问:

    1. xiaohong['middle-school']; // 'No.1 Middle School'
    2. xiaohong['name']; // '小红'
    3. xiaohong.name; // '小红'
  • 实际上JavaScript对象的所有属性都是字符串,不过属性对应的值可以是任意数据类型。

    访问不存在的属性

  • JavaScript规定,访问不存在的属性不报错,而是返回undefined

    1. var xiaoming = {
    2. name: '小明'
    3. };
    4. console.log(xiaoming.name);
    5. 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属性也不会报错

  1. <a name="HJekW"></a>
  2. ## 检测对象是否拥有某一属性
  3. - in操作符:
  4. - 如果in判断一个属性存在,这个属性不一定是xiaoming的,它可能是xiaoming继承得到的
  5. ```javascript
  6. var xiaoming = {
  7. name: '小明',
  8. birth: 1990,
  9. school: 'No.1 Middle School',
  10. height: 1.70,
  11. weight: 65,
  12. score: null
  13. };
  14. 'name' in xiaoming; // true
  15. 'grade' in xiaoming; // false
  16. 'toString' in xiaoming; // true
  17. //toString定义在object对象中,而所有对象最终都会在原型链上指向object,所以xiaoming也拥有toString属性。

hasOwnProperty()方法:

  • 判断一个属性是否是xiaoming自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法:
    1. var xiaoming = {
    2. name: '小明'
    3. };
    4. xiaoming.hasOwnProperty('name'); // true
    5. xiaoming.hasOwnProperty('toString'); // false