1. 程式人生 > >Ajax+Node.js前後端交互最佳入門實踐(04)

Ajax+Node.js前後端交互最佳入門實踐(04)

員工 鍵值 end 對象 t對象 鍵值對 javascrip .json 字面量

4.JSON

4.1 什麽是JSON?

JavaScript 對象表示法(JavaScript Object Notation)簡稱JSON,是一種輕量級的數據交換格式。雖然它基於JavaScript的對象字面量表示法,但是它於語言卻是無關的,這裏說的無關意思是說沒有依賴關系,不是說只有在js中才能用,再別的語言中也是可以用的。

var student = { 
    "name": ‘張三‘,  
    "age": 29,   
    "data":[1,2,3] 
};

  

4.2 JSON的語法

JSON以鍵值對的形式出現:

var jsonObject = `{"key1":"value1","key2":"value2"}`

  

鍵: 帶雙引號的名字. 值:可以是任意類型的值. 鍵和值之間使用:隔開.

值的類型:

    數字(整數或浮點數) 
    字符串(在雙引號中) 
    邏輯值(true 或 false) 
    數組(在方括號中) 
    對象(在花括號中) 
    null 
    一個具體的函數或者匿名函數

4.3 JSON的用途

JSON 是存儲和交換文本信息的語法。類似 XML。 用於系統之間的數據傳輸.

4.4 JSON的優點

JSON 是輕量級的文本數據交換格式 JSON 獨立於語言. JSON 具有自我描述性,更易理解. JSON 比 XML 更小、更快,更易解析。 JSON格式的數據天生就是一個Javascript對象.

4.5 JSON字符串和js對象之間的轉換

4.5.1 常規JSON

用來存儲一個對象的信息.

//1.定義json對象
var employee = `{ 
    "id":1,    
    "name":"劉備",
    "age":28,   
    "sex":‘男‘
}`
// 轉成js對象才能通過 對象.屬性的形式拿到對應的值
employee = JSON.parse(employee);
//2.獲取對象中的數據
console.log(employee.id,employee.name,employee.age);

  

4.5.2 帶有數組的JSON

[]在json中表示數組該對象中包含三個員工記錄:

//>>3.定義json數組
var employees = `[ 
   {"id":1,"name":‘劉備‘,"age":28,"gender":‘男‘},
   {"id":2,"name":‘關羽‘,"age":27,"gender":‘男‘},
   {"id":3,"name":‘張飛‘,"age":26,"gender":‘男‘}
]`;
employee = JSON.parse(employee);
for(var i=0; i<employee.length;i++){
    console.log(employee.id, employee.age, employee.gender)
}

  

Ajax+Node.js前後端交互最佳入門實踐(04)