回覆列表
  • 1 # 慎談奧秘

    我是點點小萱,這個問題我來回答。

    json

    首先我們來介紹下javascript,JavaScript一種直譯式指令碼語言,是一種動態型別、弱型別、基於原型的語言,內建支援型別。

    js已經被廣泛用於Web應用開發,常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是透過嵌入在HTML中來實現自身的功能的。

    而json(全稱JavaScript Object Notation)則是JS物件的簡譜,是一種輕量級的資料交換格式。它是基於 ECMAScript (歐洲計算機協會制定的js規範)的一個子集,它透過完全獨立於程式語言的文字格式來儲存和表示資料資訊。

    我們可以這樣理解:JSON是JS物件的字串表示形式,它使用文字來表示一個JS物件的資訊,其本質是一個字串。

    用json格式來表示資料,這樣更容易讓人閱讀和編寫,同時對於機器的解析和生成也更加簡單。

    javascript處理json

    在js中,我們通常用JSON.parse()方法來解析JSON字串。

    ①建立一個json字串:

    var jsonStr = "[{\"name1\":{\"address1\":\"北京市朝陽區\"}},{\"name2\":{\"address2\":\"北京市西城區\"}},{\"name3\":{\"address3\":\"北京市海淀區\"}}]";

    ②透過JSON.parse()方法來解析json字串為一個物件:

    var json = JSON.parse(jsonStr);

    //列印物件資訊

    console.log(json);

    // 迴圈遍歷物件,獲取key -- value

    for(var i = 0; i < json.length; i++){

    // {"name1":{"address1":"北京市朝陽區"}}

    var itemJson = json[i];

    // 再次遍歷獲取

    for(var key in itemJson){

    console.log(key);

    // {"address2":"北京市西城區"}

    var childItem = itemJson[key];

    // 再次遍歷獲取

    for (var keyItem in childItem) {

    console.log(keyItem + " -- " + childItem[keyItem]);

    }

    }

    }

    我們可以看到解析後,列印的物件資訊,以及物件的遍歷資訊:

    如此,一個簡單的json字串解析就完成了。另外,提供一個線上解析的工具:

    http://tools.jb51.net/code/HtmlJsRun

    感興趣的朋友可以使用這個工具,測試上述程式碼執行的效果。

    ------------河南新華

  • 中秋節和大豐收的關聯?
  • 如何立足崗位,主動作為,履職盡責?