700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > javascript如何遍历对象的属性值代码详解

javascript如何遍历对象的属性值代码详解

时间:2022-04-11 19:58:35

相关推荐

javascript如何遍历对象的属性值代码详解

web前端|js教程

javascript,js,属性

web前端-js教程

关于”遍历js中对象的属性和值”的需求。是因为要做一个局部刷新表格内容的js插件。

html学校静态网站源码,mx150 ubuntu,王者荣耀战绩爬虫,php 搭建一个图片展示网站,贾汪区企业seolzw

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

ipad菜谱源码,vscode查找数字替换引号,ubuntu amd64,tomcat 集成环境,sqlite ipad,招商网页设计,phpwind 模板制作 数据库,outlook服务器地址,wordpress 数据库插件,angela 前端框架,爬虫木头,php trait,来宾seo,springboot策略引擎,html dt标签,php网站 前台加密,学生网页设计模板下载,discuz校园模板,后台管理静态页面下载,后台登录页面免费下载,ssh2 文件管理系统,c 小程序源码lzw

刚开始的错误代码如下:

磁力小偷源码,vscode怎么变为中文,ubuntu安装pox,tomcat 6 替代,c sqlite3多线程,爬虫微博热搜结果为空,php 读取大文件内容,惠安短视频seo优化,捉取别人实时网站数据,微信店铺 免费模板lzw

for(var i=0;i<dataList.length;i++){ var dataLine="";for(var j=0;j<filedList.length;j++){ dataLine+=""+dataList[i].filedList[j]+""; } dataLine+=""; $("#"+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="";for(var filedName in dataList[i]){ dataLine+=""+dataList[i][filedName]+""; } dataLine+=""; $("#"+tableName).append(dataLine);}

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

function displayProp(obj){ var names="";for(var name in obj){ names+=name+": "+obj[name]+", "; } alert(names); }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。