學習JSON陣列

大雄45發表於2021-08-03
導讀 JSON(JavaScript Object Notation, JS 物件簡譜) 是一種輕量級的資料交換格式。它基於 ECMAScript (歐洲計算機協會制定的js規範)的一個子集,採用完全獨立於程式語言的文字格式來儲存和表示資料。簡潔和清晰的層次結構使得 JSON 成為理想的資料交換語言。 易於人閱讀和編寫,同時也易於機器解析和生成,並有效地提升網路傳輸效率。

學習JSON陣列學習JSON陣列

陣列作為 JSON 物件

例項

[ "Google", "Runoob", "Taobao" ]

JSON 陣列在中括號中書寫。

JSON 中陣列值必須是合法的 JSON 資料型別(字串, 數字, 物件, 陣列, 布林值或 null)。

JavaScript 中,陣列值可以是以上的 JSON 資料型別,也可以是 JavaScript 的表示式,包括函式,日期,及 undefined。

JSON 物件中的陣列

物件屬性的值可以是一個陣列:

例項

{
"name":"網站",
"num":3,
"sites":[ "Google", "Runoob", "Taobao" ]
}

我們可以使用索引值來訪問陣列:

例項

x = myObj.sites[0];
迴圈陣列

你可以使用 for-in 來訪問陣列:

例項

for (i in myObj.sites) {
    x += myObj.sites[i] + "
";
}

你也可以使用 for 迴圈:

例項

for (i = 0; i < myObj.sites.length; i++) {
    x += myObj.sites[i] + "
";
}
巢狀 JSON 物件中的陣列

JSON 物件中陣列可以包含另外一個陣列,或者另外一個 JSON 物件:

例項

myObj = {
    "name":"網站",
    "num":3,
    "sites": [
        { "name":"Google", "info":[ "Android", "Google 搜尋", "Google 翻譯" ] },
        { "name":"Runoob", "info":[ "Linux教程", "Linux工具", "Linux微信" ] },
        { "name":"Taobao", "info":[ "淘寶", "網購" ] }
    ]
}

我們可以使用 for-in 來迴圈訪問每個陣列:

例項

for (i in myObj.sites) {
    x += "<h1>" + myObj.sites[i].name + "</h1>";
    for (j in myObj.sites[i].info) {
        x += myObj.sites[i].info[j] + "<br />";
    }
}
修改陣列值

你可以使用索引值來修改陣列值:

例項

myObj.sites[1] = "Github";
刪除陣列元素

我們可以使用 delete 關鍵字來刪除陣列元素:

例項

delete myObj.sites[1];

原文來自:

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2785071/,如需轉載,請註明出處,否則將追究法律責任。

相關文章