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

2024-09-27 09:10:12

本文实例讲述了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>

运行结果：

根据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>

运行结果：

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

PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具：
http://tools.jb51.net/code/json_yasuo_trans

更多关于jQuery相关内容还可查看本站专题：《jQuery操作json数据技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jQuery使用$.each遍历json数组的简单实现方法

本文实例讲述了jQuery使用$.each遍历json数组的简单实现方法.分享给大家供大家参考,具体如下: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo
jQuery遍历json中多个map的方法

本文实例讲述了jQuery遍历json中多个map的方法.分享给大家供大家参考.具体实现方法如下: jQuery.each(data.root,function(key,value){ for(var i = 0 ; i < value.length; i++ ){ var tmpArr = []; var obj = value[i]; //tmpArr.push(obj["collectDate"]); tmpArr.push(3*i); tmpArr.push(obj[&q
jquery动态遍历Json对象的属性和值的方法

1.遍历 json 对象的属性 //定义json对象 var person= { name: 'zhangsan', pass: '123', fn: function(){ alert(this.name+"的密码="+this.pass); } } //遍历person属性包括方法,如果不想显示出方法,可用typeof(person[item])== "function"来判断 for(var item in person){ alert("perso
jquery遍历json对象集合详解

本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下第一个案例:jquery 遍历json对象集合常用示例 jsp中 $.ajax({ url: "${applicationScope.rootpath}common/getContractPage.html?userConId=${userConId}", type: "post", dataType:"json", data: {}, succe
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】

本文实例讲述了JS遍历JSON数组及获取JSON数组长度操作.分享给大家供大家参考,具体如下: 遍历 JSON 数组: var questions = data.data.questionnaire.questions; //遍历 json 数组 for (var i in questions) { if (questions[i].type == '(单选)') { alert('danxuan'); } } 获取 JSON 数组长度: function getJsonLength(json)
jQuery遍历json的方法分析

本文实例分析了jQuery遍历json的方法.分享给大家供大家参考,具体如下: 复制代码代码如下: var obj = {"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]}{"status&quo
jQuery 遍历json数组的实现代码

复制代码代码如下: <script type="text/javascript"> var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":
Javascript Jquery 遍历Json的实现代码

复制代码代码如下: /* author: liulf function: var __db_cpcj=vCpcj; var __db_cp=vCp; var vCp={"cppage":[ {"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫铁矿","enam
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)

html代码(test.html),js在html底部具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test-jquery-ajax-list</title> </head> <body> <div class="main">
JQuery遍历json数组的3种方法

一.使用each遍历复制代码代码如下: $(function () { var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object).本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)
js遍历json的key和value的实例

原生js遍历json对象遍历json对象: 无规律: <script> var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}]; for(var i=0,l=json.length;i<l;i++){ for(var key in json[i]){ alert(key+':'+json[i][key]); } } </script> 有规律: packJson = [ {"name":&q
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

纯粹记录下几种用法: jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in filtera

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

相关推荐

随机推荐