文章插圖
什么是 JSON?
- JSON 英文全稱 JavaScript Object Notation
- JSON 是一種輕量級(jí)的數(shù)據(jù)交換格式 。
- JSON是獨(dú)立的語言 *
- JSON 易于理解 。
- json對(duì)象使用js語法，但是json字符串僅僅是一個(gè)文本 。
- 文本可以被任何一種編程語言讀取及作為數(shù)據(jù)格式傳遞 。
由于它們很相似，所以 JavaScript 程序可以很容易的將 JSON 數(shù)據(jù)轉(zhuǎn)換為 JavaScript 對(duì)象 。
- JSON 語法規(guī)則
- 數(shù)據(jù)為 鍵/值 對(duì) 。
- 數(shù)據(jù)由逗號(hào)分隔 。
- 大括號(hào)保存對(duì)象
- 方括號(hào)保存數(shù)組
JSON 數(shù)據(jù)格式為 鍵/值 對(duì)，就像 JavaScript 對(duì)象屬性 。
鍵/值對(duì)包括字段名稱（在雙引號(hào)中），后面一個(gè)冒號(hào)，然后是值：
“name”:”Runoob”
JSON 對(duì)象JSON 對(duì)象保存在大括號(hào)內(nèi) 。
就像在 JavaScript 中, 對(duì)象可以保存多個(gè) 鍵/值 對(duì)：
{“name”:”Runoob”, “url”:”www.runoob.com”}
JSON 數(shù)組JSON 數(shù)組保存在中括號(hào)內(nèi) 。
就像在 JavaScript 中, 數(shù)組可以包含對(duì)象：
“sites”:[ {“name”:”Runoob”, “url”:”www.runoob.com”}, {“name”:”Google”, “url”:”www.google.com”}, {“name”:”Taobao”, “url”:”www.taobao.com”}]
在以上實(shí)例中，對(duì)象 “sites” 是一個(gè)數(shù)組，包含了三個(gè)對(duì)象 。
每個(gè)對(duì)象為站點(diǎn)的信息（網(wǎng)站名和網(wǎng)站地址） 。
JSON 字符串轉(zhuǎn)換為 JavaScript 對(duì)象通常我們從服務(wù)器中讀取 JSON 數(shù)據(jù)，并在網(wǎng)頁中顯示數(shù)據(jù) 。
簡(jiǎn)單起見，我們網(wǎng)頁中直接設(shè)置 JSON 字符串
首先，創(chuàng)建 JavaScript 字符串，字符串為 JSON 格式的數(shù)據(jù)：
var text = ‘{ “sites” : [‘ +'{ “name”:”Runoob” , “url”:”www.runoob.com” },’ +'{ “name”:”Google” , “url”:”www.google.com” },’ +'{ “name”:”Taobao” , “url”:”www.taobao.com” } ]}’;
然后，使用 JavaScript 內(nèi)置函數(shù) JSON.parse() 將字符串轉(zhuǎn)換為 JavaScript 對(duì)象:
json語法定義了employees對(duì)象；3條員工記錄（對(duì)象）的數(shù)組:
{“employees”:[
{“firstname”:”john”,”lastname”:”doe”},
{“firstname”:”an”,”lastname”:”smith”},
{“firstname”:”jo”,”lastname”:”e”},
}
二：
var obj = JSON.parse(text);
最后，在你的頁面中使用新的 JavaScript 對(duì)象：
實(shí)例
var text = ‘{ “sites” : [‘ + ‘{ “name”:”Runoob” , “url”:”www.runoob.com” },’ + ‘{ “name”:”Google” , “url”:”www.google.com” },’ + ‘{ “name”:”Taobao” , “url”:”www.taobao.com” } ]}’; obj = JSON.parse(text);document.getElementById(“demo”).innerHTML = obj.sites[1].name + ” ” + obj.sites[1].url;
<json的遍歷>eval()函數(shù)可將字符串轉(zhuǎn)換為代碼執(zhí)行，并返回一個(gè)或多個(gè)值
函數(shù)原型：w3c:eval()函數(shù)可計(jì)算某個(gè)字符串，并執(zhí)行其中的js代碼eval(string)
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><script>var data = https://www.520longzhigu.com/shenghuo/[{"name": "a","age": 12}, {"name": "b","age": 11}, {"name": "c","age": 13}, {"name": "d","age": 14}];//for(var o in data) {//alert(o);//alert(data[o]);//alert("text:" + data[o].name + " value:" + data[o].age);//}function text() {var json = {"employees": [{"firstName": "John","lastName": "Doe"}, {"firstName": "Anna","lastName": "Smith"}, {"firstName": "Peter","lastName": "Jones"}]}json = eval(json.employees); //json = json.employees;for (var i = 0; i < json.length; i++) {alert(json[i].firstName + " " + json[i].lastName)}}text()var person = { // json"name": 'Bob',"age": 20,"tags": ['js', 'web', 'mobile'],"city": 'Beijing',"hasCar": true,"zipcode": null};for (var o in person) {alert(o + " " + person[o]);//for(var i = 0; i < person.length; i++) {//alert(person[i].firstName + " " + person[i].lastName)//alert(o);//alert(data[o]);}</script></body> </html>
以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：
- js中將json對(duì)象轉(zhuǎn)換成字符串 js對(duì)象轉(zhuǎn)json字符串
- jquery全選反選操作 jquery實(shí)現(xiàn)全選和取消全選
- json是什么
- 怎么安裝jquery 快播插件
- JSON相關(guān)知識(shí)匯總