js 对象，json数组遍历

对象遍历：for…in循环（隐式迭代）

遍历：一个一个的查看

for in的语法： for (var 变量 in 要遍历的对象) { }

根据对象的键值对来循环，对象里有多少个键值对for就会循环多少次每一次循环得到的key就是当前键（属性名或者方法名）。

效果：

代码：

<script>var ic = {"comments": {"lst": [{"imageId": 123,"content": "操作简单方便","creationTime": "2022-11-01 18:50:40","nickname": "m***9","productColor": "5050tt","userLevelName": "会员","userClientShow": "来自淘宝Android客户端",},{"imageId": 321,"content": "还不错，很喜欢","creationTime": "2023-10-05 00:51:40","nickname": "h***2","productColor": "C550tt","userLevelName": "会员","userClientShow": "来自淘宝iPhone客户端",}]}}var ict = ic.comments.lst;document.write("<ul>");for (var p in ict) {document.write(`<li style="border:1px solid;margin-top:10px">订单编号：${ict[p].imageId}用户昵称：${ict[p].nickname}评论内容：${ict[p].content} 评论时间：${ict[p].creationTime} 会员等级：${ict[p].userLevelName} 来源：${ict[p].userClientShow} </li>`);}document.write("</ul>");</script>

例2：

效果图：

代码：

<script>var leibie={"一代枭雄": [{ "name":"霍去病","age":"40"},{ "name":"秦始皇","age":"42"},],"文人墨客": [{ "name":"鲁迅","age":"40"},{ "name":"莫言","age":"41"},]}var mail=leibie.一代枭雄;var moke=leibie.文人墨客;document.write("一代枭雄:<br>")for (var p in mail) {document.write(`姓名--->${mail[p].name} &nbsp;&nbsp;&nbsp;&nbsp;年龄--->${mail[p].age}<br>`);}document.write("文人墨客:<br>")for (var p in moke) {document.write(`姓名--->${moke[p].name} &nbsp;&nbsp;&nbsp;&nbsp;年龄--->${moke[p].age}<br>`);}</script>

例3：

效果图：

代码：

<script>var user = {"employees": [{"name": "安娜贝尔","QQ": 306451129,"email": "安娜贝尔@163.com","address": [{"City": "美国","ZipCode": "40000"},{"City": "法国","ZipCode": "10000"}]},{"name": "唐僧","QQ": 254892313,"email": "唐僧@163.com","address": [{"City": "大唐","ZipCode": "20000"},{"City": "中国","ZipCode": "50000"}]}]}document.write("<ul style='color:green'>");for (var p in user.employees) {document.write(`<li>名字：${user.employees[p].name}<br>QQ：${user.employees[p].QQ}<br>邮箱：${user.employees[p].email}<br></li>`);for (var b in user.employees[p].address) {document.write(`--城市：${user.employees[p].address[b].City}<br>--邮编：${user.employees[p].address[b].ZipCode}<br>`);}}document.write("</ul>");</script>

js 对象，json数组遍历相关推荐

js解析json数组+java对象转json字符串
function checkoutUserlist(){ // js 解析json数组var statuslist = [{"isAvailabe":"1",& ...
js便利json 数组的方法
js便利json 数组的方法通过Jason对象获取里面某个键的值方法: 1,对象["键"]. 2,对象.键. 这篇文章主要介绍了JQuery遍历json数组的3种方法,本文分别给 ...
前端学习之——js解析json数组
** 前端学习之--js解析json数组 ** 解析json数组即对JSONArray的遍历一.对于标准的json数组如: var result=[{"flag":1," ...
js 获取json数组里面数组的长度
作为一个前端页面开发者第一次处理json数据,遇到了'js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋 ...
js 获取json数组里面数组的长度实例
作为一个前端页面开发者第一次处理json数据,遇到了'js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋 ...
js对象转数组可枚举属性和不可枚举属性
前言项目里面很多地方我们需要把数据处理一下才能应用,包括我们拿到的是一个对象,但是我们需要遍历,这个时候就需要把对象转成数组来实现我们的目的了,js对象转数组有几种方法,归纳整理一下- js对象转数 ...
js 对象转数组切割转回对象
js 对象转数组切割转回对象最近有一个需求:分享图片到(QQ,微信,朋友圈) 前端计算生成数据对象传给后端,后端生成图片返回图片路径给前端,前端显示图片就行但是前端生成的数据太多,传到后端,也没那 ...
c语言 json数组长度,js 获取json数组里面数组的长度
作为一个前端页面开发者第一次处理json数据,遇到了'js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋 ...
html5处理json数据,js解析json数组
js读取解析JSON类型数据 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 Jav ...
php json数组的长度,js 获取json数组里面数组的长度实例
作为一个前端页面开发者第一次处理json数据,遇到了'js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋 ...

js 对象，json数组遍历

js 对象，json数组遍历相关推荐

最新文章

热门文章