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

你不太了解的JSON

hzc
發布: 2020-06-13 09:43:51
轉載
2552 人瀏覽過

前言


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

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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板