JavaScript JSON
阿新 • • 發佈:2020-12-07
jsON 是儲存和傳輸資料的格式。jsON 經常在資料從伺服器傳送到網頁時使用。
什麼是 JSON?
- JSON 指的是JavaScriptObjectNotation
- JSON 是輕量級的資料交換格式
- JSON 獨立於語言*
- JSON 是“自描述的”且易於理解
* JSON 的語法是來自JavaScript物件符號的語法,但 JSON 格式是純文字。讀取和生成 JSON 資料的程式碼可以在任何程式語言編寫的。
JSON 例項
JSON 語法定義了一個僱員物件:包含三條員工記錄的陣列(物件):
JSON 例項
{
"employees":[
{"firstName":"Bill", "lastName":"Gates"},
{"firstName":"Steve", "lastName":"Jobs"},
{"firstName":"Alan", "lastName":"Turing"}
]
}
JSON 格式評估為JavaScript物件
JSON 格式在語法上與建立 JavaScript 物件的程式碼相同。
由於這種相似性,JavaScript 程式可以很容易地將 JSON 資料轉換成本地的 JavaScript 物件。
JSON 語法規則
- 資料是名稱/值對
- 資料由逗號分隔
- 花括號儲存物件
- 方括號儲存陣列
JSON 資料 - 名稱和值
JSON 資料的書寫方式是名稱/值對,類似 JavaScript 物件屬性。
名稱/值對由(雙引號中的)欄位名構成,其後是冒號,再其後是值:
"firstName":"Bill"
JSON 名稱需要雙引號。JavaScript 名稱不需要。
JSON 物件
JSON 物件是在花括號內書寫的。
類似 JavaScript,物件能夠包含多個名稱/值對:
{"firstName":"Bill", "lastName":"Gates"}
JSON 陣列
JSON 陣列在方括號中書寫。
類似 JavaScript,陣列能夠包含物件:
"employees":[
{"firstName":"Bill", "lastName":"Gates"},
{"firstName":"Steve", "lastName":"Jobs"},
{"firstName":"Alan", "lastName":"Turing"}
]
在上面的例子中,物件 "employees" 是一個數組。它包含了三個物件。
每個物件代表一個人的一條記錄(帶有名和姓)。
資源搜尋網站大全 https://www.renrenfan.com.cn 廣州VI設計公司https://www.houdianzi.com
把 JSON 文字轉換為 JavaScript 物件
JSON 的通常用法是從 web 伺服器讀取資料,然後在網頁中顯示資料。
為了簡單起見,可以使用字串作為輸入演示。
首先,建立包含 JSON 語法的 JavaScript 字串;然後,使用 JavaScript 的內建函式JSON.parse() 來把這個字串轉換為 JavaScript 物件:
var obj = JSON.parse(text);
最後,請在您的頁面中使用這個新的 JavaScript 物件:
例項
<p id="demo"></p>
<script>
document.getElementById("demo").innerhtml =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>