JavaScript对象属性访问：点操作符与方括号操作符详解

JavaScript对象属性访问方式

在JavaScript中，访问对象属性主要有两种方式：使用点操作符和使用方括号操作符。

 
var fish = {
head : 1,
tail : 1,
feature : {
speak : false,
swim : true
} 
} 

点操作符访问

其一，点操作符：

 
console.log(fish.head);//输出 1
console.log(fish.tail);//输出 1
console.log(fish.feature);//输出 Object { head:1, tail:1, feature: Object}

方括号操作符访问

其二，方括号操作符：

 
console.log(fish['head']);//输出 1

使用方括号操作符时需注意，属性名必须为字符串形式。

例如：

 
console.log(fish[head]);//报错！因为head未定义

那么，以下代码是否正确呢？

 
for(var prop in fish) {
console.log(fish[prop]);
} 

答案是肯定的。这是因为在遍历对象属性时，属性名是以字符串类型存在的，即prop依次为'head','tail','feature'。