JS:JSON

如果你要手動生成 JSON,應(yīng)將代碼復(fù)制并粘貼 到 JSON lint 工具(如 jsonlint.com)撩扒,以快速輕松地找到語法 錯誤似扔。lint 工具是一個軟件沽甥,用于分析代碼盯桦,查找語法 錯誤。

JSON是JavaScript Object Notation的縮寫到逊,它是一種數(shù)據(jù)交換格式泉手。

在JSON出現(xiàn)之前黔寇,大家一直用XML來傳遞數(shù)據(jù)。因為XML是一種純文本格式斩萌,所以它適合在網(wǎng)絡(luò)上交換數(shù)據(jù)缝裤。XML本身不算復(fù)雜,但是颊郎,加上DTD倘是、XSD、XPath袭艺、XSLT等一大堆復(fù)雜的規(guī)范以后搀崭,任何正常的軟件開發(fā)人員碰到XML都會感覺頭大了,最后大家發(fā)現(xiàn)猾编,即使你努力鉆研幾個月瘤睹,也未必搞得清楚XML的規(guī)范。

終于答倡,在2002年的一天轰传,道格拉斯·克羅克福特(Douglas Crockford)同學(xué)為了拯救深陷水深火熱同時又被某幾個巨型軟件企業(yè)長期愚弄的軟件工程師,發(fā)明了JSON這種超輕量級的數(shù)據(jù)交換格式瘪撇。

道格拉斯同學(xué)長期擔任雅虎的高級架構(gòu)師获茬,自然鐘情于JavaScript港庄。他設(shè)計的JSON實際上是JavaScript的一個子集。

在JSON中恕曲,一共就這么幾種數(shù)據(jù)類型:

number:和JavaScript的number完全一致鹏氧;
boolean:就是JavaScript的true或false;
string:就是JavaScript的string佩谣;
null:就是JavaScript的null把还;
array:就是JavaScript的Array表示方式——[];
object:就是JavaScript的{ ... }表示方式茸俭。

以及上面的任意組合吊履。

并且,JSON還定死了字符集必須是UTF-8调鬓,表示多語言就沒有問題了艇炎。為了統(tǒng)一解析,★JSON的字符串規(guī)定必須用雙引號""腾窝,Object的鍵也必須用雙引號""缀踪。

由于JSON非常簡單,很快就風(fēng)靡Web世界燕锥,并且成為ECMA標準辜贵。幾乎所有編程語言都有解析JSON的庫悯蝉,而在JavaScript中归形,我們可以直接使用JSON,因為JavaScript內(nèi)置了JSON的解析鼻由。

把任何JavaScript對象變成JSON暇榴,就是把這個對象序列化成一個JSON格式的字符串,這樣才能夠通過網(wǎng)絡(luò)傳遞給其他計算機蕉世。

如果我們收到一個JSON格式的字符串蔼紧,只需要把它反序列化成一個JavaScript對象,就可以在JavaScript中直接使用這個對象了狠轻。

一奸例、序列化

讓我們先把小明這個對象序列化成JSON格式的字符串:

var xiaoming = {
    name: '小明',
    age: 14,
    gender: true,
    height: 1.65,
    grade: null,
    'middle-school': '\"W3C\" Middle School',
    skills: ['JavaScript', 'Java', 'Python', 'Lisp']
};
JSON.stringify(xiaoming); // '{"name":"小明","age":14,"gender":true,"height":1.65,"grade":null,"middle-school":"\"W3C\" Middle School","skills":["JavaScript","Java","Python","Lisp"]}'

要輸出得好看一些,可以加上參數(shù)' '向楼,按縮進輸出

JSON.stringify(xiaoming, null, '  ');

結(jié)果:

{
  "name": "小明",
  "age": 14,
  "gender": true,
  "height": 1.65,
  "grade": null,
  "middle-school": "\"W3C\" Middle School",
  "skills": [
    "JavaScript",
    "Java",
    "Python",
    "Lisp"
  ]
}

第二個參數(shù)用于控制如何篩選對象的鍵值查吊,如果我們只想輸出指定的屬性,可以傳入Array

JSON.stringify(xiaoming, ['name', 'skills'], '  ');

結(jié)果:

{
  "name": "小明",
  "skills": [
    "JavaScript",
    "Java",
    "Python",
    "Lisp"
  ]
}

還可以傳入一個函數(shù)湖蜕,這樣對象的每個鍵值對都會被函數(shù)先處理

function convert(key, value) {
    if (typeof value === 'string') {
        return value.toUpperCase();
    }
    return value;
}

JSON.stringify(xiaoming, convert, ' ');
上面的代碼把所有屬性值都變成大寫:

{
  "name": "小明",
  "age": 14,
  "gender": true,
  "height": 1.65,
  "grade": null,
  "middle-school": "\"W3C\" MIDDLE SCHOOL",
  "skills": [
    "JAVASCRIPT",
    "JAVA",
    "PYTHON",
    "LISP"
  ]
}

如果我們還想要精確控制如何序列化小明逻卖,可以給xiaoming定義一個toJSON()的方法,直接返回JSON應(yīng)該序列化的數(shù)據(jù):

var xiaoming = {
    name: '小明',
    age: 14,
    gender: true,
    height: 1.65,
    grade: null,
    'middle-school': '\"W3C\" Middle School',
    skills: ['JavaScript', 'Java', 'Python', 'Lisp'],
    toJSON: function () {
        return { // 只輸出name和age昭抒,并且改變了key:
            'Name': this.name,
            'Age': this.age
        };
    }
};

JSON.stringify(xiaoming); // '{"Name":"小明","Age":14}'

二评也、反序列化

拿到一個JSON格式的字符串炼杖,我們直接用JSON.parse()把它變成一個JavaScript對象

JSON.parse('[1,2,3,true]'); // [1, 2, 3, true]
JSON.parse('{"name":"小明","age":14}'); // Object {name: '小明', age: 14}
JSON.parse('true'); // true
JSON.parse('123.45'); // 123.45
JSON.parse()還可以接收一個函數(shù),用來轉(zhuǎn)換解析出的屬性:
JSON.parse('{"name":"小明","age":14}', function (key, value) {
    // 把number * 2:
    if (key === 'name') {
        return value + '同學(xué)';
    }
    return value;
}); // Object {name: '小明同學(xué)', age: 14}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末盗迟,一起剝皮案震驚了整個濱河市坤邪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌诈乒,老刑警劉巖罩扇,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異怕磨,居然都是意外死亡喂饥,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門肠鲫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來员帮,“玉大人,你說我怎么就攤上這事导饲±谈撸” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵渣锦,是天一觀的道長硝岗。 經(jīng)常有香客問我,道長袋毙,這世上最難降的妖魔是什么型檀? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮听盖,結(jié)果婚禮上胀溺,老公的妹妹穿的比我還像新娘。我一直安慰自己皆看,他們只是感情好仓坞,可當我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著腰吟,像睡著了一般无埃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上毛雇,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天嫉称,我揣著相機與錄音,去河邊找鬼禾乘。 笑死澎埠,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的始藕。 我是一名探鬼主播蒲稳,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼氮趋,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了江耀?” 一聲冷哼從身側(cè)響起剩胁,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎祥国,沒想到半個月后昵观,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡舌稀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年啊犬,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片壁查。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡觉至,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出睡腿,到底是詐尸還是另有隱情语御,我是刑警寧澤,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布席怪,位于F島的核電站应闯,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏挂捻。R本人自食惡果不足惜碉纺,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望细层。 院中可真熱鬧惜辑,春花似錦唬涧、人聲如沸疫赎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽捧搞。三九已至,卻和暖如春狮荔,著一層夾襖步出監(jiān)牢的瞬間胎撇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工殖氏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留晚树,地道東北人。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓雅采,卻偏偏與公主長得像爵憎,于是被迫代替她去往敵國和親慨亲。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容

  • JSON與XML都是結(jié)構(gòu)化數(shù)據(jù)的表現(xiàn)方式宝鼓⌒炭茫回憶一下XML,1愚铡、創(chuàng)建xml 文檔對象蛉签,用來存放加載xml文檔,或解析...
    Miss____Du閱讀 871評論 1 9
  • 文章摘自此處 以下js對象用JSON.stringify()執(zhí)行后沥寥,是什么樣的碍舍?** 如何將最終的JSON字符串里...
    緩慢移動的蝸牛閱讀 848評論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)邑雅,斷路器乒验,智...
    卡卡羅2017閱讀 134,628評論 18 139
  • 2016這一年對我來說是一個不一樣的一年,前半年還處在學(xué)生時代蒂阱,后半年就轉(zhuǎn)變成職場人锻全,這個階段心里的變化是最大的。...
    danielyu小于閱讀 284評論 0 0
  • 在一次又一次嘗試中录煤,我才發(fā)現(xiàn)我真的愛上了攝影鳄厌,而不是像往常一樣對某種事物三分鐘熱度。 漸漸的我也開始思考攝影的...
    葉澗遲閱讀 551評論 4 8