JSON入門

leanxi 發布于2019-08-20 15:35 / 3028人閱讀

摘要：事實上大部分現代計算機語言都以某種形式支持它們。語法兩種表示結構有兩種表示結構，對象和數組。對象是一個無序的名稱值對集合。值之間使用逗號分隔。目前，主流的瀏覽器對支持都非常完善。

JSON入門

原文連接

JSON的全稱是”JavaScript Object Notation”，意思是JavaScript對象表示法，它是一種基于文本，獨立于語言的輕量級數據交換格式，類似 XML但比 XML 更小、更快，更易解析

初識

JSON是Web開發領域最知名的技術權威Douglas Crockford創造

JSON 指的是 JavaScript 對象表示法（JavaScript Object Notation）

JSON 是輕量級的文本數據交換格式

JSON 獨立于語言

JSON 具有自我描述性，更易理解

JSON建構于兩種結構：

“名稱/值”對的集合（A collection of name/value pairs）。不同的語言中，它被理解為對象（object），紀錄（record），結構（struct），字典（dictionary），哈希表（hash table），有鍵列表（keyed list），或者關聯數組（associative array）。

值的有序列表（An ordered list of values）。在大部分語言中，它被理解為數組（array）。

這些都是常見的數據結構。事實上大部分現代計算機語言都以某種形式支持它們。這使得一種數據格式在同樣基于這些結構的編程語言之間交換成為可能。

JSON語法 兩種表示結構

JSON有兩種表示結構，對象和數組。

對象是一個無序的“‘名稱/值’對”集合。一個對象以{（左括號）開始，}（右括號）結束。每個“名稱”后跟一個:（冒號）；“‘名稱/值’ 對”之間使用,（逗號）分隔。

{
    "name": "xing",
    "age": 999
}

數組是值（value）的有序集合。一個數組以[（左中括號）開始，]（右中括號）結束。值之間使用,（逗號）分隔。

[
    {
        key1:value1,
        key2:value2 
    },
    {
         key3:value3,
         key4:value4   
    }
]

語法規則

數據在名稱/值對中

數據由逗號分隔

大括號保存對象

中括號保存數組

JSON 值可以是：

數字（整數或浮點數）

字符串（在雙引號中）

邏輯值（true 或 false）

數組（在中括號中）

對象（在大括號中）

null

在JavaScript中使用JSON

JSON 通常用于與服務端交換數據。在接收服務器數據時一般是字符串。我們可以使用 JSON.parse() 方法將數據轉換為 JavaScript 對象，使用 JSON.stringify() 方法將 JavaScript 對象轉換為字符串.

JSON.parse(text[, reviver])

JSON.stringify(value[, replacer[, space]])

eval()方法 存在性能和安全問題不建議使用

首先我們定義一個對象,由于JSON使用用JavaScript編寫的，所以對JSON的操作無異于JavaScript對數組與對象的操作

let Obj = {  
  name: "xing", 
  age: "99", 
  hobby: ["吃", "喝", "玩"]
}

服務器一般返回JSON字符串，我們用 JSON.stringify() 將這個對象轉換成JSON字符串模擬服務器返回的數據，然后再用JSON.parse()解析成JSON對象來使用

let jsonStr = JSON.stringify(Obj) // string: {"name":"xing","age":"99","hobby":["吃","喝","玩"]}
let jsonObj = JSON.parse(jsonStr) // Obect: { name: "xing", age: "99", hobby: [ "吃", "喝", "玩" ] }

JSON增刪改查

// 讀取
let myName = jsonObj.name
console.log(myName) // xing
// 新增
josnObj.sex = "male"
console.log(josnObj) //{ name: "xing", age: "99", hobby: [ "吃", "喝", "玩" ], sex: "female" }
// 修改
josnObj.sex = "female"
console.log(josnObj) // { name: "xing", age: "99", hobby: [ "吃", "喝", "玩" ], sex: "female" }
// 刪除
delete josnObj.sex
console.log(josnObj) // { name: "xing", age: "99", hobby: [ "吃", "喝", "玩" ] }

用for in遍歷JSON數據

for(let x in jsonObj){
  console.log(`${x}:${jsonObj[x]}`)
}
/*
name:xing
age:99
hobby:吃,喝,玩
*/

到此，我們了解JSON的使用，JSON已經是JavaScript標準的一部分。目前，主流的瀏覽器對JSON支持都非常完善。應用JSON，我們可以從XML的解析中擺脫出來，對那些應用AJAX的Web 2.0網站來說，JSON是目前最靈活的輕量級方案。

參考鏈接：

json.org

菜鳥教程

MDN

JSON在線解析

原文連接

大家可以關注我的公眾號，一起玩耍。有技術干貨也有扯淡亂談，關注回復[888]領取福利

左手代碼右手磚，拋磚引玉

GPU云服務器云服務器 json入門 json解析 json json添加json JSON

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82366.html

Json入門

摘要：的是中包圍的是對象，對象的多個鍵值對用分隔。中包圍的是序列理解為數組即可，對象之間用分隔。當你的值要用字符串來索引時，就把數據組織成對象。會得到關于一節中的例子來自 JSON json的MIME type是application/json. {...}中包圍的是對象，對象的多個鍵值對用,分隔。[...]中包圍的是序列（理解為數組即可），對象之間用,分隔。當你的值要用字符串來索引時，...

wwq0327 2019-06-27 11:03 評論0 收藏0
Postman快速入門-接口測試教程,取和引用響應值,斷言,json路徑寫法

摘要：目錄的基礎頁面的功能解釋的基礎頁面的功能解釋如何創建請求如何創建請求提取響應結果中的值然后再其它接口中調用提取響應結果中的值然后再其它接口中調用新建環境來存儲環境變量新建環境來存儲環境變量在中通過語句提取響應結果目錄 1.Postman的基礎頁面的功能解釋 2.如何創建請求 3.提取?響應...

Cc_2011 2021-11-15 11:37 評論0 收藏0
JSON入門看這一篇就夠了

摘要：采用完全獨立于任何程序語言的文本格式，使成為理想的數據交換語言為什么需要提到，我們就應該和來進行對比。也是一種存儲和交換文本信息的手段。那么好在哪里呢比更小更快，更易解析。使用的時候，也支持將轉成但是，我們不一定使用框架來做開發呀。什么是JSON JSON：JavaScript Object Notation 【JavaScript 對象表示法】 JSON 是存儲和交換文本信息的語法...

gplane 2019-08-16 11:04 評論0 收藏0
webpack -> vue Component 從入門到放棄（一）

摘要：本身也是運行在環境中的模塊，它通常會返回一個函數。這個命名規則和搜索優先級順序在的中定義。那就等下一篇介紹吧，一篇文章有太多內容，會讓人很乏的從入門到放棄四從入門到放棄二從入門到放棄三源代碼此篇文章僅僅是整理自己接觸webpack的入門過程，可能有很多不正確的地方，希望大家諒解，并指出錯誤幫助改進。對于webpack的介紹和前期對他的入門使用，我覺得官方（中文網）已經介紹的很簡單了...

Ashin 2019-08-20 14:34 評論0 收藏0
JS基礎入門篇（十二）—JSON和Math

摘要：對數向上取整對數向下取整取到的隨機數。取絕對值舉例說明向上取整向下取整隨機數值是之間的隨機數，包括，不包含。 1.JSON JSON：對象格式的字符串輕量的數據傳輸格式注意事項：鍵名需要使用雙引號包起來 JOSN有兩個方法：JSON.parse和 JSON.stringify。 JSON.parse，將后臺傳來的字符串轉化為對象。其字符串的內容就是對象才需要這個轉。...

jone5679 2019-08-29 15:30 評論0 收藏0