首頁 >web前端 >js教程 >你不太了解的JSON

你不太了解的JSON

hzc
hzc轉載
2020-06-13 09:43:512524瀏覽

前言


這個知識點面試中被問到的機率雖然很低,但是也有可能會問。

JSON流行原因


  1. 有與js類似的語法

  2. 可以將JSON資料結構解析成js物件

  3. 與XML資料結構對比,擷取資料更簡單

##JSON語法


簡單值

  1. 字串=>“123”

  2. ##數值= >123
  3. 布林值=>true
  4. #null
  5. ##對象

{"name": "helin",「age」: 12}

#陣列

##[ {"name": " iskeeping","age": 12} ]注意:JSON的key一定要用雙引號,以及value如果是字串也一定要用雙引號。

JSON解析方式

    1.使用eval

eval("({\"name\":\"iskeeping\"})")

    2.使用Functionnew 

Function("", "return ({\"name\":\"iskeeping\"})")()

   # 3.使用JSON.parse

#
JSON.parse("{\"name\":\"iskeeping\"}")

   # 3.使用JSON.parse

#
let formateJson = JSON.stringify({ name: "iskeeping", age: 12 }, function (key, value) {
    switch (key) {
        case "name": return "iskeepingxx";
        default: return value;
    }
}, 8)
cosnole.log(formateJson)

   # 3.使用JSON.parse

#rrreee

   # 3.使用JSON.parse#rrreee   # 3.使用JSON.parse

#rrreee
   # 3.使用JSON.parse

#rrreee

   # 3.使用JSON.parse

#rrreee

   # 3.使用JSON.parse

#rrreee

  

JSON序列化

你不太了解的JSON

let json = 簡單值/物件/陣列

JSON.stringify(json,null/[]/function(key,value) {},縮排空格長度/字串)

#範例:
rrreee

輸出formateJson如下圖:

##JSON原生支援

原生的JSON物件得到以下瀏覽器支援。

IE8 ,Firefox3.5 ,Safari 4 ,Opera 10.5和chrome#######謝謝閱讀! ######需要加微信交流,可留言! ######推薦教學:《###JS教學###》###

以上是你不太了解的JSON的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.cn。如有侵權,請聯絡admin@php.cn刪除