手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js怎么遍历二维json数据结构

时间:2024-10-12 23:40:56

平时我们在网站开发中,可能会经常遇到用js处理json数据的情况,那么怎么用js处理二维json数组呢,下面本文介绍一下。

第二维数据为map型

1、二维json数据,顾名思义,就是对象里面包含对象,下面我们简单的声明一个二维json数组。

2、如:var data=[{'teacher':'王老师','stud髫潋啜缅ent':'{"name":"小明","age":"12"}'},{'teacher':'张老师','student':'{"name":"小红","age":"13"}'}];

js怎么遍历二维json数据结构

3、在data数组里面包含老师和学生,学生又包含名字和年龄,是一个比较典型的二维对象,遍历时可以用for循环进行遍历,如图所示。

js怎么遍历二维json数据结构

4、运行结果,如下图所示,可以发现,已经将该二维json数据的两层都遍历出来了。

js怎么遍历二维json数据结构
js怎么遍历二维json数据结构

第二维数据为数组型

1、上面说了第二维数据为map型的,下面说一下第二维数据为数组型的,也就是对象包含数组。

2、如:var json = {'options':'[{"text":"老张媪青怍牙","value":"90"},{"text":"老李","value":"100"}]'};

js怎么遍历二维json数据结构

3、上面例子中,json对象里面包含属性options,对应一个数组,数组里面有两个对象,也是用for循环遍历,如图所示。

js怎么遍历二维json数据结构

4、运行结果,如下图所示,可以发现,已经将该二维json数据的两层都遍历出来了。

js怎么遍历二维json数据结构

5、本文就举两个例子进行遍历,当然有很种形式的多维json数据,这里就不一一介绍,因为js遍历的方式都一样,通过一种就可以想象出其他形式数据的遍历方式,而且jquery对各种形式的json数据遍历也非常简单,可以查询jquery的遍历方法。希望可以对对着有所帮助。

© 手抄报圈