成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js溫故而知新6(JSON)——學(xué)習(xí)廖雪峰的js教程

20171112 / 1656人閱讀

JSON

JSON是JavaScript Object Notation的縮寫，它是一種數(shù)據(jù)交換格式。

道格拉斯·克羅克福特（Douglas Crockford）--雅虎的高級(jí)架構(gòu)師--發(fā)明了JSON這種超輕量級(jí)的數(shù)據(jù)交換格式.

序列化

讓我們先把小明這個(gè)對(duì)象序列化成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ù)，按縮進(jìn)輸出：

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"
  ]
}

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

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

結(jié)果：

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

還可以傳入一個(gè)函數(shù)，這樣對(duì)象的每個(gè)鍵值對(duì)都會(huì)被函數(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定義一個(gè)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}"
反序列化

拿到一個(gè)JSON格式的字符串，我們直接用JSON.parse()把它變成一個(gè)JavaScript對(duì)象：

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()還可以接收一個(gè)函數(shù)，用來(lái)轉(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}

在JavaScript中使用JSON，就是這么簡(jiǎn)單！

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86916.html

相關(guān)文章

  • js溫故而知新11(AJAX)——學(xué)習(xí)廖雪峰的js教程

    摘要：在回調(diào)函數(shù)中，通常我們只需通過(guò)判斷請(qǐng)求是否完成，如果已完成，再根據(jù)判斷是否是一個(gè)成功的響應(yīng)。因此我們需要首先在頁(yè)面中準(zhǔn)備好回調(diào)函數(shù)當(dāng)前價(jià)格最后用函數(shù)觸發(fā)表示本域，也就是瀏覽器當(dāng)前頁(yè)面的域。 Asynchronous JavaScript and XML，意思就是用JavaScript執(zhí)行異步網(wǎng)絡(luò)請(qǐng)求。 如果仔細(xì)觀察一個(gè)Form的提交，你就會(huì)發(fā)現(xiàn)，一旦用戶點(diǎn)擊Submit按鈕，表單開始提...

    kun_jian 評(píng)論0 收藏0

  • js溫故而知新8(瀏覽器)——學(xué)習(xí)廖雪峰的js教程

    摘要：對(duì)象不但充當(dāng)全局作用域，而且表示瀏覽器窗口。對(duì)象有和屬性，可以獲取瀏覽器窗口的內(nèi)部寬度和高度。對(duì)象表示當(dāng)前頁(yè)面的信息。由于在瀏覽器中以形式表示為樹形結(jié)構(gòu)，對(duì)象就是整個(gè)樹的根節(jié)點(diǎn)。這個(gè)行為由瀏覽器實(shí)現(xiàn)，主流瀏覽器均支持選項(xiàng)，從開始支持。 瀏覽器 目前主流的瀏覽器： IE 6~11：從IE10開始支持ES6標(biāo)準(zhǔn)； Chrome：基于Webkit內(nèi)核，內(nèi)置了非常強(qiáng)悍的JavaScript引...

    charles_paul 評(píng)論0 收藏0

  • js溫故而知新2——學(xué)習(xí)廖雪峰的js教程

    摘要：讓我們拆開寫小明正常結(jié)果單獨(dú)調(diào)用函數(shù)怎么返回了請(qǐng)注意，我們已經(jīng)進(jìn)入到了的一個(gè)大坑里。如果單獨(dú)調(diào)用函數(shù)，比如，此時(shí)，該函數(shù)的指向全局對(duì)象，也就是。 函數(shù) 1. arguments JavaScript還有一個(gè)免費(fèi)贈(zèng)送的關(guān)鍵字arguments，它只在函數(shù)內(nèi)部起作用，并且永遠(yuǎn)指向當(dāng)前函數(shù)的調(diào)用者傳入的所有參數(shù)。arguments類似Array但它不是一個(gè)Array： function fo...

    Caizhenhao 評(píng)論0 收藏0

  • js溫故而知新——學(xué)習(xí)廖雪峰的js教程

    摘要：在設(shè)計(jì)時(shí)，有兩種比較運(yùn)算符第一種是比較，它會(huì)自動(dòng)轉(zhuǎn)換數(shù)據(jù)類型再比較，很多時(shí)候，會(huì)得到非常詭異的結(jié)果第二種是比較，它不會(huì)自動(dòng)轉(zhuǎn)換數(shù)據(jù)類型，如果數(shù)據(jù)類型不一致，返回，如果一致，再比較。 數(shù)據(jù)類型和變量 數(shù)據(jù)類型計(jì)算機(jī)顧名思義就是可以做數(shù)學(xué)計(jì)算的機(jī)器，因此，計(jì)算機(jī)程序理所當(dāng)然地可以處理各種數(shù)值。但是，計(jì)算機(jī)能處理的遠(yuǎn)不止數(shù)值，還可以處理文本、圖形、音頻、視頻、網(wǎng)頁(yè)等各種各樣的數(shù)據(jù)，不同的數(shù)據(jù)...

    taohonghui 評(píng)論0 收藏0

  • js溫故而知新3——學(xué)習(xí)廖雪峰的js教程

    摘要：例如，在一個(gè)中，刪掉偶數(shù)，只保留奇數(shù)，可以這么寫把一個(gè)中的空字符串刪掉，可以這么寫注意以下的版本沒有方法可見用這個(gè)高階函數(shù)，關(guān)鍵在于正確實(shí)現(xiàn)一個(gè)篩選函數(shù)?；卣{(diào)函數(shù)接收的回調(diào)函數(shù)，其實(shí)可以有多個(gè)參數(shù)。 1.map 由于map()方法定義在JavaScript的Array中，我們調(diào)用Array的map()方法，傳入我們自己的函數(shù)，就得到了一個(gè)新的Array作為結(jié)果： function po...

    zhaot 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<