©2020-2024 ioDraw All rights reserved,
Privacy Policy
“既然你现在已经知道了如何使用for循环，现在我就来教导你如何用这个技术来遍历一个对象。”叶老说到。
“对象里面无非就是属性和函数，你的意思是给我一个对象，我有办法去获取它里面所有的数据（键值对）吗？”
“没有错，因为假设有这样的一个场景，我需要去判断一个对象中，哪些东西是属性，那些东西是函数？那就需要我去依次获取这个对象里面所有的东西，然后判断谁是属性谁是函数。”
“等等，就算拿到了这些东西，我怎么去判断谁是属性，谁是函数啊，我好像还没有这方面的法术。”
“不用担心，这个很简单，你只需要用一个typeof关键字就可以了。比如，我现在有一个字符串和一个函数。”说着，叶老写出了如下代码：
var a = "123"; var fun = function(){ }
“然后，用typeof关键字来包括一下，输出看看。”
var a = "123"; var fun = function(){ } console.log( typeof(a) ); console.log(
typeof(fun) );
“看到了吗,这样就可以得到变量的类型了。a是一个字符串，所以typeof出来就是string，fun是一个函数，所以typeof出来就是function。接下来，我来跟你说如何去遍历一个对象。首先，新建一个简单的JS对象。”
var yeXiaoFan = { name : "叶小凡", age : 16 , eat : function(){ console.log("KFC")
; } }
然后，用for循环来遍历。
for(var p in yeXiaoFan){ console.log(p); }
结果：
“在这个for循环中，和之前的写法是不同的。其中，p是一个随便取的名称，代表yeXiaoFan对象中遍历出来的属性名称。通过这种方法，我可以在事先不清楚对象有哪些属性的情况下，把属性的名称都获取到。”叶老缓缓地说到。
“那除了属性名称，属性的值也可以拿到吗？”叶小凡眨巴了两下眼睛，好奇地问叶老。
“你属性名称都拿到了，还愁没有属性值吗？”叶老一吹胡子，笑呵呵地反问。
“啊，我明白了，既然有了属性名称，那么对象可以用点的方式直接去获取属性的值。当然，用中括号也是可以的。”叶小凡并不笨，立刻恍然大悟。看到他如此表现，叶老也不禁点了点头。
“没错，是这样的。我们只需要把刚才的代码稍作修改就可以了。”说着，叶老又打出一段代码流：
var yeXiaoFan = { name : "叶小凡", age : 16 , eat : function(){ console.log("KFC")
; } } for(var p in yeXiaoFan){ console.log(p + "=" + yeXiaoFan[p]); }
结果：
name=叶小凡 age=16 eat=function (){ console.log("KFC"); }
“成了，可是你刚才为什么不能不用点号？”叶小凡嘀咕道，可是转念一想就明白了其中的缘由。因为遍历出来的属性名称不是确定的，而是用一个p变量去指代，既然是变量，自然不可以用点号了。因为如果写成yeXiaoFan.p，那么就会被认为是去寻找一个名字叫做p的属性，然而事实上，p只不过是一个变量的名称而已。换句话说，p随便叫什么都没关系，反正只是一个变量的名字罢了，真正重要的不是p变量叫什么，而是p变量指代的内容是什么？
“我看到你的表情，就明白你已经懂了，没错，你的猜想是正确的。一旦遇到这种属性名称不确定的情况，就只能用一个变量来代替，换句话说，不能用点，只能用中括号。因此，对象访问属性的时候，用中括号是更加灵活的。”
“那么，我是不是应该无论何时都用中括号，再也不用点号了？”
“那倒也不一定，有些情况，或者说绝大多数情况，还是用点号。因为大部分的情况，你都是已经明确知道属性的名字叫什么了，那么毫无疑问，用点号是更加方便的，你说是吧。”
叶小凡想了一会，然后点了点头。