javascript百炼成仙 第一章 JavaScript基础1.8 对象的取值

“小娃娃，我现在问你，如果我事先不知道对象的某个属性叫什么，那又该怎么访问对象中对应这个属性的值呢？”叶老笑呵呵地问到。

“什么什么，事先都不知道对象的属性名称，那怎么可能访问得到啊，这我可不知道了，我想这是不可能的。”叶小凡想了想，赶紧摇头。

“这样吧，我换一种说法。我想你现在已经知道对象可以通过一个‘.’号来访问里面的某一个数据。比如…”说着，叶老随手一挥，一个对象就生成出来。

var container = {
 	caoyao : "解毒草" ,
	feijian: "乌木剑"
}; 

“我现在要得到解毒草，就直接用container去调用它的caoyao属性。”

container.caoyao

“这样做的确是可以的，但是如果遇到这种情况，就是我事先也不知道调用的属性叫什么名字，我用一个变量去定义属性呢？”说着，叶老又随手一挥，定义了一个变量：

var container = {
 	caoyao : "解毒草" ,
	feijian: "乌木剑"
}; 
var prop = "caoyao";

“这…”叶小凡也陷入沉思，过了许久，缓缓说道：“直接点prop肯定不行，那样的话container去调用的肯定是一个叫做prop的属性。而事实上，container对象里面是没有一个叫做prop的属性的，得到的结果肯定是undefined。”

听到这里，就连叶老也向叶小凡投去赞赏的目光，继而说道：“你的分析没有错，这里真的不能再用之前的那种方法了。小娃娃，你且看好！”话音刚落，叶老就打出了新的代码：

var container = {
 	caoyao : "解毒草" ,
	feijian: "乌木剑"
}; 
var prop = "caoyao";
console.log(container[prop]);

“这！”叶小凡惊呼。

看着叶小凡惊讶的样子，叶老似乎有些得意。

“小娃娃，这边是我教你的新技巧，对象不仅仅可以用点去访问它的一个属性，也可以用中括号。如果用中括号，里面就允许你写一个变量。当然了，你写字符串也是可以的。”

似乎是担心叶小凡理解不了，叶老又补充了一行代码：

过了好一会儿，叶小凡才回味过来，说道：“我明白了，如果事先属对象性的名称未知，或者说调用的属性是动态变化的，就不能用点号了。用中括号的方式可以最大程度地提升对象调用属性的灵活度！”

下一节：javascript百炼成仙 第一章 掌握JavaScript基础 1.9 循环遍历的奥妙

这篇好文章是转载于：学新通技术网