一、介紹
這節(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"]