遍历json的几种方式。

2021-05-12 03:29

阅读：622

标签：sys end 获取键值索引显示 java 技术图片

　　json(JavaScript Object Notation),json是一种多用于存储和交换文本信息的语法。他能够进行数据的传输，通常和ajax一起使用。它具有体积小、速度快，易解析等诸多优点。

使用json首先要学习如何获取json的数据。json类似Java里的map集合，两者的数据都是由键值对构成的。键可以使用引号，也可以不使用引号。

1.定义json

//基本格式
var category= {"id": "1",  ‘name‘: "JavaSe"};
        
var categorys= [{"id": "1",  ‘name‘: "JavaSe"},
     {"id": "2",  ‘name‘: "JavaEe"},
     {"id": "3",  ‘name‘: "前端"},
     {"id": "4",  ‘name‘: "其他"}];

2.获取数据的几种方式

2.1 使用json对象名.键名获取数据

var target = category.name;

2.2 使用json对象名[键名]获取数据

var target = category[name];

2.3 使用json数组对象名[索引]获取数据

var target = categorys[0];

2.4 遍历json数组获取数据

从服务器端获取到的数据

[SysCategory{id=1, name=‘JavaSe‘}, SysCategory{id=2, name=‘JavaEE‘}, SysCategory{id=3, name=‘前端‘}, SysCategory{id=4, name=‘其他‘}]

打印数据如下

开始遍历：

//遍历1
for (var c in categorys) {
         var option = document.createElement("option");
         option.setAttribute("value", categorys[c].id);
          option.innerText = categorys[c].name;
          select.appendChild(option)
 }
//遍历2
for (var i = 0; i ) {
    var option = document.createElement("option");
    option.setAttribute("value", categorys[i].id);
     option.innerText = categorys[i].name;
     select.appendChild(option)
}

结果如下

技术图片

可以看到，服务器端的数据已经成功显示到页面上的下拉菜单上。

遍历json的几种方式。

标签：sys end 获取键值索引显示 java 技术图片

原文地址：https://www.cnblogs.com/Code-Handling/p/12012618.html

上一篇：Json返回结果为null属性不显示解决

下一篇：viewerjs 在html打开图片或打开pdf文件使用案例

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：遍历json的几种方式。
文章链接：http://soscw.com/index.php/essay/84515.html

亲，登录后才可以留言！

遍历json的几种方式。

1.定义json

2.获取数据的几种方式

2.1 使用json对象名.键名获取数据

2.2 使用json对象名[键名]获取数据

2.3 使用json数组对象名[索引]获取数据

2.4 遍历json数组获取数据

评论

热门文章

推荐文章

最新文章

置顶文章