從屌絲到架構(gòu)師的飛越(JavaScript篇)-JavaScript JSON對象增刪改查

一、介紹

這節(jié)課呢,我們來了解的是JavaScript JSON對象增刪改查,

對象:對象作為一種復(fù)雜數(shù)據(jù)類型,表示的是一組無序的鍵值對兒。而每個鍵值對兒中的值可以是簡單值,也可以是復(fù)雜數(shù)據(jù)類型的值。

JSON對象需要注意幾點:

1)沒有聲明變量,JSON中沒有變量的概念。

2)沒有末尾的分號,因為它不是JavaScript語句。

3)對象的屬性名必須加雙引號,單引號會導(dǎo)致語法錯誤。

4)同一個對象中絕對不允許出現(xiàn)兩個相同的屬性名。

二、知識點介紹

1、對象語法

2、訪問對象值

3、循環(huán)對象

4、嵌套JSON對象

5、修改值

6、刪除對象屬性

三、上課對應(yīng)視頻的說明文檔

1、對象語法

實例

{ "name":"runoob", "alexa":10000, "site":null }

JSON 對象使用在大括號({})中書寫。

對象可以包含多個 key/value(鍵/值)對。

key 必須是字符串,value 可以是合法的 JSON 數(shù)據(jù)類型(字符串, 數(shù)字, 對象, 數(shù)組, 布爾值或 null)。

key 和 value 中使用冒號(:)分割。

每個 key/value 對使用逗號(,)分割。

2、訪問對象值

你可以使用點號(.)來訪問對象的值:

實例

var myObj, x; myObj = { "name":"runoob", "alexa":10000, "site":null };

x = myObj.name;

你也可以使用中括號([])來訪問對象的值。

實例

var myObj, x; myObj = { "name":"runoob", "alexa":10000, "site":null };

x = myObj["name"];

3、循環(huán)對象

你可以使用 for-in 來循環(huán)對象的屬性:

實例

var myObj = { "name":"runoob", "alexa":10000, "site":null }; for (x in

myObj) { document.getElementById("demo").innerHTML += x + "<br>"; }

在 for-in 循環(huán)對象的屬性時,使用中括號([])來訪問屬性的值:

實例

var myObj = { "name":"runoob", "alexa":10000, "site":null }; for (x in

myObj) { document.getElementById("demo").innerHTML += myObj[x] + "<br>"; }

4、嵌套 JSON 對象

JSON 對象中可以包含另外一個 JSON 對象:

實例

myObj = { "name":"runoob", "alexa":10000, "sites": { "site1":"www.runoob.com", "site2":"m.runoob.com", "site3":"c.runoob.com" } }

你可以使用點號(.)或者中括號([])來訪問嵌套的 JSON 對象。

實例

x = myObj.sites.site1; // 或者 x = myObj.sites["site1"];

var myObj={"name":"張三豐","age":100,"address":"武當山","obj":{"name":"張無忌","age":20,"address":"光明頂"}};

遍歷嵌套循環(huán)

for(x in myObj){

document.write(myObj[x]+"<br>");

//document.write(x+"<br>");

if(x=="obj"){

for(j in myObj[x]){

document.write(myObj[x][j]+"<br>");

}

}

}

5、修改值(如果.的屬性不存在就會新增)

你可以使用點號(.)來修改 JSON 對象的值:

實例

myObj.sites.site1 = "www.google.com";

你可以使用中括號([])來修改 JSON 對象的值:

實例

myObj.sites["site1"] = "www.google.com";

6、刪除對象屬性

我們可以使用 delete 關(guān)鍵字來刪除 JSON 對象的屬性:

實例

delete myObj.sites.site1;

你可以使用中括號([])來刪除 JSON 對象的屬性:

實例

delete myObj.sites["site1"]

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容