js对象Array —— 使用.操作符和用['xxx']访问对象的区别

1、访问属性是通过.操作符完成的,但这要求属性名必须是一个有效的变量名。如果属性名包含特殊字符,就必须用‘‘括起来:

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‘]来访问xiaohongname属性,不过xiaohong.name的写法更简洁。我们在编写JavaScript代码的时候,属性名尽量使用标准的变量名,这样就可以直接通过object.prop的形式访问一个属性了。

2、JavaScript对象的所有属性都是字符串,不过属性对应的值可以是任意数据类型

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

3、如果我们要检测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

js对象Array —— 使用.操作符和用['xxx']访问对象的区别

 

js对象Array —— 使用.操作符和用['xxx']访问对象的区别

上一篇:php转义前端被编译单双引号


下一篇:HTML常考知识点