JS 遍历 json 和 JQuery 遍历json操作完整示例


Posted in jQuery onNovember 11, 2019

本文实例讲述了JS 遍历 json 和 JQuery 遍历json操作。分享给大家供大家参考,具体如下:

json 遍历

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>demo data</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  </head>
  <body>
    <script>
      var json = {
        "test1" :  "data1",
        test2  :  "data2"
      };
      //jquery 其中i 是键名 v 是键值
      $.each(json,function(i,v){
        console.log(i + " =============== " + v);
      })
      //javascript 遍历 i 是键名 json[i] 是键值
      var json = {
        "test1" :  "data1",
        test2  :  "data2"
      };
      for(i in json)
      {
        console.log(i + "  ======================== " + json[i]);
      }
    </script>
  </body>
</html>

运行结果:

JS 遍历 json 和 JQuery 遍历json操作完整示例

根据json键值 获得 json键名

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>demo data</title>
  </head>
  <body>
    <script>
      var data = {
        "test1" :  "data1",
        test2  :  "data2"
      };
      /**
       * @param json 需要检索的json对象
       * @void value 检索的值
       * @return 检索的值对应的键名
       */
      function getKeyName(json,value)
      {
        for(i in json)
        {
          if(json[i] == value)
          {
            return i;
          }
        }
      }
      console.log(getKeyName(data,"data2"));
    </script>
  </body>
</html>

运行结果:

JS 遍历 json 和 JQuery 遍历json操作完整示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

jQuery 相关文章推荐
jQuery tip提示插件(实例分享)
Apr 28 jQuery
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 #jQuery
jquery ajax 请求小技巧实例分析
Nov 11 #jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 #jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 #jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 #jQuery
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 #jQuery
Javascript和jquery在selenium的使用过程
Oct 31 #jQuery
You might like
C# Assembly类访问程序集信息
2009/06/13 PHP
php下拉选项的批量操作的实现代码
2013/10/14 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
php上传图片类及用法示例
2016/05/11 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
js 小数取整的函数
2010/05/10 Javascript
很全面的JavaScript常用功能汇总集合
2016/01/22 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[03:30]完美盛典趣味短片 CSGO2019年度名场面
2019/12/07 DOTA
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
Flask-Mail用法实例分析
2018/07/21 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
django 配置阿里云OSS存储media文件的例子
2019/08/20 Python
wxpython+pymysql实现用户登陆功能
2019/11/19 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
Python如何实现单例模式
2016/06/03 面试题
幼儿园教师请假制度
2014/01/16 职场文书
自我评价优缺点范文
2015/03/11 职场文书
煤矿隐患排查制度
2015/08/05 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
sql server偶发出现死锁的解决方法
2022/04/10 SQL Server
如何使用SQL Server语句创建表
2022/04/12 SQL Server
基于Python编写一个监控CPU的应用系统
2022/06/25 Python