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,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
jquery ztree实现右键收藏功能
Nov 20 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
jQuery带控制按钮轮播图插件
Jul 31 jQuery
jQuery实现广告显示和隐藏动画
Jul 04 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
php array_walk() 数组函数
2011/07/12 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
IE与firefox下Dhtml的一些区别小结
2009/12/02 Javascript
javascript笔记 String类replace函数的一些事
2011/09/22 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
2015/03/04 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
2015/06/18 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
2016/07/05 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
Vuejs第十三篇之组件——杂项
2016/09/09 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
2017/11/06 Javascript
JavaScript canvas实现围绕旋转动画
2017/11/18 Javascript
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
[02:45]2016年中国刀塔全程回顾,完美“圣”典即将上演
2016/12/15 DOTA
[00:50]深扒TI7聊天轮盘语音出处6
2017/05/11 DOTA
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
利用Python命令行传递实例化对象的方法
2016/11/02 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
Python中的上下文管理器相关知识详解
2019/09/19 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
Python代码覆盖率统计工具coverage.py用法详解
2020/11/25 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
CSS3只让背景图片旋转180度的实现示例
2021/03/09 HTML / CSS
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
我们在web应用开发过程中经常遇到输出某种编码的字符,如iso8859-1等,如何输出一个某种编码的字符串?
2014/03/30 面试题
求职信标题怎么写
2014/05/26 职场文书
民主评议党员总结
2014/10/20 职场文书
销售会议开幕词
2015/01/28 职场文书
小英雄雨来观后感
2015/06/09 职场文书
2015年中秋晚会主持词
2015/07/01 职场文书
如何优化vue打包文件过大
2022/04/13 Vue.js