遍历js中对象的属性和值

    今天做项目中无意中看到此方法，之前解决的方法是用了模板页面实现的。在此分享给大家。

问题：通过遍历属性名数组，获取对象的属性值失败

刚开始的错误代码如下：

for(var i=0;i<dataList.length;i++){    var dataLine="<tr>";          for(var j=0;j<filedList.length;j++){        dataLine+="<td>"+dataList[i].filedList[j]+"</td>";     }      dataLine+="</tr>";    $("#"+tableName).append(dataLine);}
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

首先说一下，dataList里面放的是对象数组；filedList里面放的是对象的属性字段名数组。刚开始是这样想的，遍历dataList，每次都可以拿到一个对象，然后嵌套for循环，遍历filedList，每次拿到它的一个属性值，然后拼凑成表格。 
比如：dataList[0]就是一个Emp对象,而Emp里面有id,name等属性。平常我们就可以通过dataList[0].id得到当前Emp对象的id值。但是如果遍历属性字段数组的话,就不能通过这种方式dataList[0].filedList[0]。这并不是说filedList[0]里面没有获取到值，因为我通过alert(filedList[0])已经得到了这个id值为1。那么为什么获取失败呢？因为它是去找Emp对象里面的一个叫做filedList[0]的属性了！Emp对象里面当然没有这个属性了，所以就理所应当的获取失败了，那么我们又该如何获取对象的属性值呢？

---

解决方案：用“加强for循环”去遍历

正确代码如下：

for(var i=0;i<dataList.length;i++){    var dataLine="<tr>";          for(var filedName in dataList[i]){        dataLine+="<td>"+dataList[i][filedName]+"</td>";     }      dataLine+="</tr>";    $("#"+tableName).append(dataLine);}
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

解决思路：既然dataList[i]是一个对象，那么我每次就可以拿到这个对象的属性名，然后通过dataList[i][filedName],即对象[属性名]的方式得到这个属性的属性值。