JSON

Menu

JSON

在JavaScript里的JSON能保存的數(shù)據(jù)類型
20.2.1 JSON對(duì)象
20.2.3 解析選項(xiàng)

在JavaScript里的JSON能保存的數(shù)據(jù)類型
  • 簡(jiǎn)單值(字符串虫腋、數(shù)值摧玫、布爾值和 null)、對(duì)象(python的字典)心包、數(shù)組;
  • 20.2.1 JSON對(duì)象
  • JSON 對(duì)象有兩個(gè)方法: stringify() 和 parse()履因。
  • stringify()
  • JavaScript 對(duì)象序列化為 JSON 字符串
var book = {
    title: "Professional JavaScript",
    authors: [
        "Nicholas C. Zakas"
    ],
    edition: 3,
    year: 2011
};

var jsonText= JSON.stringify(book)

//  {"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,"year":2011}
  • JSON.stringify()有兩個(gè)參數(shù):
    • 第一個(gè)參數(shù)是個(gè)過濾器障簿,可以是一個(gè)數(shù)組,也可以是一個(gè)函數(shù)栅迄;
      • 數(shù)組參數(shù):
        • 保留數(shù)組里的key站故,其他的key忽略;
        • var jsonText = JSON.stringify(book, ["title", "edition"]);
      • 函數(shù)參數(shù):
        • 函數(shù)過濾器根據(jù)傳入的鍵來決定結(jié)果;
var json = JSON.stringify(book, function (key,value) {
    // 如果key是title西篓,那么title的value返回大寫的value愈腾;
    if(key=="title"){
        return value.toUpperCase()
    }
    // 如果key為authors,那么通過返回undefined來刪除this key岂津;
    else if (key=="authors"){
        return undefined
    }
    // 如果key為edition虱黄,那么將這個(gè)key的value做計(jì)算后返回;
    else if (key=="edition"){
        return value - 1
    }
    // 其他默認(rèn)返回原來的value吮成;
    else{
        return value
    }
})

// {"title":"PROFESSIONAL JAVASCRIPT","edition":2,"year":2011}
  • 第二個(gè)參數(shù)是一個(gè)選項(xiàng)橱乱,表示是否在 JSON 字符串中保留縮進(jìn)如果這個(gè)參數(shù)是一個(gè)數(shù)值,最大縮進(jìn)空格數(shù)為 10粱甫,所有大于 10 的值都會(huì)自動(dòng)轉(zhuǎn)換為 10泳叠。那它表示的是每個(gè)級(jí)別縮進(jìn)的空格數(shù)。如果是字符串茶宵,那么代表每次縮進(jìn)都用這個(gè)字符串代替縮進(jìn)空格危纫;
    // 每一層縮進(jìn)4個(gè)空格;
    • var jsonText = JSON.stringify(book, null, 4);
      // 每一層縮進(jìn)一個(gè)“--”符號(hào)乌庶;
    • var json = JSON.stringify(book, null, "--");
{
--"title": "Professional JavaScript",
--"authors": [
----"Nicholas C. Zakas"
--],
--"edition": 3,
--"year": 2011
}
  • parse() 解析JSON字符串
// 還原成Javascript對(duì)象种蝶;
// 如果參數(shù)不是有效的JSON對(duì)象就會(huì)報(bào)錯(cuò);
var bookCopy = JSON.parse(jsonText)
  • 3. toJSON()方法
    • JSON.stringify()瞒大,序列化該對(duì)象的順序如下:
      • (1) 如果存在 toJSON()方法而且能通過它取得有效的值蛤吓,則調(diào)用該方法。否則糠赦,返回對(duì)象本身。
      • (1) (2) 如果提供了第二個(gè)參數(shù)锅棕,應(yīng)用這個(gè)函數(shù)過濾器拙泽。傳入函數(shù)過濾器的值是第(1)步返回的值。
      • (1) (3) 對(duì)第(2)步返回的每個(gè)值進(jìn)行相應(yīng)的序列化裸燎。
      • (1) (4) 如果提供了第三個(gè)參數(shù)顾瞻,執(zhí)行相應(yīng)的格式化。
    • 如果一個(gè)被序列化的對(duì)象擁有 toJSON 方法德绿,那么該 toJSON 方法就會(huì)覆蓋該對(duì)象默認(rèn)的序列化行為:不是那個(gè)對(duì)象被序列化荷荤,而是調(diào)用 toJSON 方法后的返回值會(huì)被序列化,例如:
var obj = {
    foo: 'foo',
    toJSON: function () {
        return 'bar';
    }
};
JSON.stringify(obj);      // '"bar"'
JSON.stringify({x: obj}); // '{"x":"bar"}'
20.2.3 解析選項(xiàng)
  • JSON.parse()方法也可以接收另一個(gè)參數(shù)移稳,該參數(shù)是一個(gè)函數(shù)蕴纳,將在每個(gè)鍵值對(duì)兒上調(diào)用, 這個(gè)函數(shù)接收兩個(gè)參數(shù)个粱,一個(gè)鍵和一個(gè)值古毛,而且都需要返回一個(gè)值。如果還原函數(shù)返回 undefined,則表示要從結(jié)果中刪除相應(yīng)的鍵稻薇;如果返回其他值嫂冻,則將該值插入到結(jié)果中。
  • 在將日期字符串轉(zhuǎn)換為 Date 對(duì)象時(shí)塞椎,經(jīng)常要用到還原函數(shù)桨仿。
var book = {
    "title": "Professional JavaScript",
    "authors": [
        "Nicholas C. Zakas"
    ],
    edition: 3,
    year: 2011,
    releaseDate: new Date(2011, 11, 1)   //js對(duì)象中releaseDate的值是一個(gè)Date對(duì)象;
};

var json = JSON.stringify(book); //Date對(duì)象在經(jīng)過序列化之后變成JSON 字符串案狠;
var bookCopy = JSON.parse(json, function(key, value) {
    if (key == "releaseDate") {
        return new Date(value);  //經(jīng)過解析又在 bookCopy 中還原為一個(gè) Date對(duì)象服傍;
    }
    else {
        return value;
    }
});
document.write(json + "<br>")
document.write(bookCopy.releaseDate.getFullYear());



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市莺戒,隨后出現(xiàn)的幾起案子伴嗡,更是在濱河造成了極大的恐慌,老刑警劉巖从铲,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瘪校,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡名段,警方通過查閱死者的電腦和手機(jī)阱扬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來伸辟,“玉大人麻惶,你說我怎么就攤上這事⌒欧颍” “怎么了窃蹋?”我有些...
    開封第一講書人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)静稻。 經(jīng)常有香客問我警没,道長(zhǎng),這世上最難降的妖魔是什么振湾? 我笑而不...
    開封第一講書人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任杀迹,我火速辦了婚禮,結(jié)果婚禮上押搪,老公的妹妹穿的比我還像新娘树酪。我一直安慰自己,他們只是感情好大州,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開白布续语。 她就那樣靜靜地躺著,像睡著了一般厦画。 火紅的嫁衣襯著肌膚如雪绵载。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,688評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音娃豹,去河邊找鬼焚虱。 笑死,一個(gè)胖子當(dāng)著我的面吹牛懂版,可吹牛的內(nèi)容都是我干的鹃栽。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼躯畴,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼民鼓!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蓬抄,我...
    開封第一講書人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤丰嘉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后嚷缭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體饮亏,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年阅爽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了路幸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡付翁,死狀恐怖简肴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情百侧,我是刑警寧澤砰识,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站佣渴,受9級(jí)特大地震影響仍翰,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜观话,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望越平。 院中可真熱鬧频蛔,春花似錦、人聲如沸秦叛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)挣跋。三九已至三圆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背舟肉。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來泰國(guó)打工修噪, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人路媚。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓黄琼,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親整慎。 傳聞我的和親對(duì)象是個(gè)殘疾皇子脏款,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355