随笔 - 434,  文章 - 0,  评论 - 463,  阅读 - 46万

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

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

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

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 循环遍历的奥妙

posted on   剽悍一小兔  阅读(14)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2016-10-06 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第六节)

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示