今天优化项目时，遇到了关于”遍历js中对象的属性和值”的需求。之所以会有这个需求，是因为要做一个局部刷新表格内容的js插件。刚开始我去网上荡了一个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);
}
首先说一下，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);
}
解决思路：既然dataList[i]是一个对象，那么我每次就可以拿到这个对象的属性名，然后通过dataList[i][filedName],即对象[属性名]的方式得到这个属性的属性值。
参考：JS获得一个对象的所有属性和方法
function displayProp(obj){
var names="";
for(var name in obj){
names+=name+": "+obj[name]+", ";
}
alert(names);
}
由此看来，js的功能还是很强大的！
以上这篇遍历js中对象的属性和值的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
js,遍历对象属性和值
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。