js:for in循环遍历对象包括输出value值为什么是obj[k]而不是obj.k

1.  
   var obj = {
2.  
   name: 'chen',
3.  
   age: 18,
4.  
   professional:'student'
5.  
   }
6.  
    
7.  
    
8.  
   for (var k in obj) {
9.  
   console.log(k); // k 输出的是属名 ：name, age, professional
10.  
    console.log(obj[k]); // obj[k] 输出的是属性值: chen, 18 , student
11.  
    }

k就是key；

for in 循环主要用于遍历对象（object）；

单独输出k，输出的是属性名 ：name, age, professional；

单独输出 obj[k]，输出的是属性值 ： chen, 18 , student；

最后特别要注意的一点是： 遍历属性值和方法值时，只能用obj[k],不能用obj.k。

如今已经开始学v3了，关于只能用obj[k],不能用obj.k的问题我一直都没有搞懂，今天终于搞懂了。

说起来也有点尴尬，原来在for in函数中，得到的k是一个用var重新声明的变量，所以只能用obj[key]。

obj.k方式的话，对象的属性必须是字符串，而这里的k是一个用var重新声明的形参变量名，所以只能用字符串[变量名]的方式来获取

真正的原因是如果用obj.k，js会把k当作是obj对象中的key（当成字符串）执行，而不会当作循环中的变量再解析成对应属性去执行，就像如下所示

1.  
   // 如果是obj.k， js会这么认为：不会把k当成变量，而是直接当成obj的key执行
2.  
   var obj = {
3.  
   k: 'xxx'
4.  
   }

但是obj中实际并没有k这个key，所以获取不到。

所以用obj[k]的原因是：只有用obj[k]，这个k才会被js当作变量去执行，并把k解析成字符串name， age等key值，这样才能得到最终的value值

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