JSON是一種輕量級(jí)的數(shù)據(jù)交換格式,在前端開發(fā)中使用十分廣泛。在JavaScript中,使用JSON.stringify()方法將JavaScript對(duì)象轉(zhuǎn)化為一個(gè)JSON字符串,使用JSON.parse()方法將JSON字符串轉(zhuǎn)化為JavaScript對(duì)象。
//將JavaScript對(duì)象轉(zhuǎn)化為JSON字符串 var obj = {name: "李雷", age: 25}; var jsonStr = JSON.stringify(obj); //將JSON字符串轉(zhuǎn)化為JavaScript對(duì)象 var jsonString = '{"name":"韓梅梅", "age": 26}'; var newObj = JSON.parse(jsonString);
需要注意的是,在JSON字符串中,鍵名需要用雙引號(hào)引起來(lái),鍵值可以是字符串、數(shù)字、布爾值、數(shù)組、對(duì)象等類型。
var jsonStr = '{"name":"Jack", "age": 22, "isMale": true, "hobbies": ["游泳", "旅游"], "address": {"province": "廣東省", "city": "深圳市"}}'; var obj = JSON.parse(jsonStr);
以上是將JSON字符串轉(zhuǎn)化為JavaScript對(duì)象的方法,同理,也可以將一個(gè)JavaScript對(duì)象轉(zhuǎn)化為JSON字符串。
var obj = {name: "Lucy", age: 24}; var jsonStr = JSON.stringify(obj);
在實(shí)際開發(fā)中,使用JSON對(duì)象進(jìn)行數(shù)據(jù)交換的場(chǎng)景非常多,在前端開發(fā)中善于處理JSON數(shù)據(jù)是非常必要的。
上一篇vue聊天組件自定義消息
下一篇css背景文字文字不顯示