03.21 「前端架構師30天快速掌握js21」之JSON語法知識點詳解

此篇文章講解目錄:

  • 簡單值

  • 對象

  • 數組

  • 組合

  • 解析

  • 序列化

簡單值

使用與 JavaScript 相同的語法,可以在 JSON 中表示字符串、數值、布爾值和 null 。但 JSON 不支持 JavaScript 中的特殊值 undefined 。

比如:"test" 222,這些都是JSON,它與字符串的區別就是JSON 字符串必須使用雙引號(單引號會導致語法錯誤)。

但是,在實際應用中,JSON 更多地用來表示更復雜的數據結構,而簡單值只是整個數據結構中的一部分。

對象

「前端架構師30天快速掌握js21」之JSON語法知識點詳解

兩者之間的區別是:沒有聲明變量(JSON 中沒有變量的概念);沒有末尾的分號(因為這不是 JavaScript 語句,所以不需要分號)

JSON 中對象的屬性名任何時候都必須加雙引號。手工編寫 JSON 時,忘了給對象屬性名加雙引號或者把雙引號寫成單引號都是常見的錯誤。如果需要後臺幫忙給數據的時候。假如JSON字符串不能成功轉為JSON對象,原因一般都是JSON的數據格式不對;

數組

javascript中的數組:var test = ['test', 22, true]

JSON:['test', 22, true]

注意:沒有聲明變量(JSON 中沒有變量的概念);沒有末尾的分號(因為這不是 JavaScript 語句,所以不需要分號)

組合

把數組和對象結合起來,可以構成更復雜的數據集合

「前端架構師30天快速掌握js21」之JSON語法知識點詳解

「前端架構師30天快速掌握js21」之JSON語法知識點詳解

解析

JSON.parse() JSON字符串轉為JSON對象

「前端架構師30天快速掌握js21」之JSON語法知識點詳解

序列化

JSON.stringify() JSON對象轉為JSON字符串

「前端架構師30天快速掌握js21」之JSON語法知識點詳解


分享到:


相關文章: