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插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
jQuery实现鼠标经过显示动画边框特效
Mar 24 jQuery
简单实现jQuery弹幕效果
May 06 jQuery
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
jquery中done和then的区别(详解)
Dec 19 jQuery
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 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 文件上传系统手记
2009/10/26 PHP
逆序二维数组插入一元素的php代码
2012/06/08 PHP
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
php有道翻译api调用方法实例
2014/12/22 PHP
php及codeigniter使用session-cookie的方法(详解)
2017/04/06 PHP
BOOM vs RR BO5 第四场 2.14
2021/03/10 DOTA
xml和web特殊字符
2009/04/28 Javascript
JavaScript 页面坐标相关知识整理
2010/01/09 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
2013/08/05 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
js获取内联样式的方法
2015/01/27 Javascript
js实现感应鼠标图片透明度变化的方法
2015/02/20 Javascript
jquery插件jSignature实现手动签名
2015/05/04 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
weebox弹出窗口不居中显示的解决方法
2017/11/27 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
NodeJs入门教程之定时器和队列
2019/03/08 NodeJs
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
Python IDLE清空窗口的实例
2018/06/25 Python
python树莓派红外反射传感器
2019/01/21 Python
利用python为PostgreSQL的表自动添加分区
2021/01/18 Python
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
高中毕业的自我鉴定
2013/12/09 职场文书
市场部管理制度
2014/02/02 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
优秀教师申报材料
2014/12/16 职场文书
护士节慰问信
2015/02/15 职场文书
质量保证书怎么写
2015/02/27 职场文书
运动会主持词大全
2015/07/02 职场文书
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers