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

更新時(shí)間：2019年11月11日 10:19:26 作者：傾聽歲月

這篇文章主要介紹了JS 遍歷 json 和 JQuery 遍歷json操作,結(jié)合完整實(shí)例形式詳細(xì)分析了JavaScript與jQuery遍歷json格式數(shù)據(jù)的簡(jiǎn)單實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了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>

運(yùn)行結(jié)果：

根據(jù)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對(duì)象
       * @void value 檢索的值
       * @return 檢索的值對(duì)應(yīng)的鍵名
       */
      function getKeyName(json,value)
      {
        for(i in json)
        {
          if(json[i] == value)
          {
            return i;
          }
        }
      }
      console.log(getKeyName(data,"data2"));
    </script>
  </body>
</html>

運(yùn)行結(jié)果：