JSON的基本操作，重點訪問對象值點號（.）來訪問對象的值和中括號（[ ]）的區別

Edison 發布于2019-08-23 14:27 / 458人閱讀

摘要：訪問對象值你可以使用點號來訪問對象的值實例你也可以使用中括號來訪問對象的值實例從功能上說，這兩種方法沒有任何區別。還有如果屬性名中包含會導致語法錯誤的字符，或者屬性名是關鍵字或者保留字，也是使用方括號表示法。

訪問對象值

1、你可以使用點號（.）來訪問對象的值：
實例

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

2、你也可以使用中括號（[ ]）來訪問對象的值：
實例

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

3、從功能上說，這兩種方法沒有任何區別。但方括號語法有一個優點：可以通過變量來訪問屬性，如：

var propertyName = "name";
alert(person[propertyName]);  //gogo

json 在進行通過鍵名來獲取值時，需要特別注意一下。
把鍵名賦值給另外一個變量，然后通過.方式去獲取值。這種方式是行不通的。

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = "name";
document.getElementById("demo").innerHTML = myObj.x;  // 結果是 undefined

只能通過?[]?方式去訪問:

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = "name";
document.getElementById("demo").innerHTML = myObj[x];  // 結果是 runoob

還有在使用for遍歷時，只能通過 myObj[x] 來獲取相應屬性的值，而不能使用 myObj.x

總結，鍵名為變量時只能用 []來獲取相應屬性值。
還有！如果屬性名中包含會導致語法錯誤的字符，或者屬性名是關鍵字或者保留字，也是使用方括號表示法。如：

 var response = {
         "awards":{"105":50, "107":10,"108":5,"110":3,"111":2, "112":1}
        };
console.log(response.awards["105"])  //50
console.log(response.awards.105)  //報錯

循環對象

1、你可以使用 for-in 來循環對象的屬性：key
實例

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) { document.getElementById("demo").innerHTML += x + "
"; }

2、**在 for-in 循環對象的屬性時，使用中括號（[]）來訪問屬性的值：value
在使用for遍歷時，只能通過 myObj[x] 來獲取相應屬性的值，而不能使用 myObj.x**

實例

var myObj = { "name":"runoob", "alexa":10000, "site":null }; 
for (x in myObj) { document.getElementById("demo").innerHTML += myObj[x] + "
"; }

嵌套 JSON 對象 value 可以是合法的 JSON 數據類型

1、JSON 對象中可以包含另外一個 JSON 對象：

實例

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

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

實例

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

修改值

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

實例

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

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

實例

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

刪除對象屬性

1、我們可以使用?delete?關鍵字來刪除 JSON 對象的屬性：

實例

delete myObj.sites.site1;

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

實例

delete myObj.sites["site1"]

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100643.html

Javascript數組索引不完全解析

摘要：數組的大小是不固定的，可以像這樣隨意添加。再看一張圖，這次多添加幾個元素，再給數組添加一個屬性注意看右側對象的元素索引不知道你有沒有發現。數組范圍和索引轉換那里是參考的，其他地方都是自己的理解和看法。從題目說起，之所以是不完全，是因為有些東西比如數組的方法怎么用這個我都不打算講，因為那個看一下都會，下面講的都是我覺得重要的，只關于數組對象本身。另外，由于我的Javascript實戰經...

levius 2019-08-21 10:33 評論0 收藏0
js常見基礎對象屬性方法 (二)

摘要：常見基礎對象屬性方法二關于的箭頭函數的返回對象的問題箭頭函數具有隱式返回的特性。返回值函數累計處理的結果。語句將某個對象添加的作用域鏈的頂部，如果在中又某個未使用命名空間的變量，跟作用域鏈中的某個屬性同名，則這個變量將指向這個屬性值。 js常見基礎對象屬性方法 (二) 關于es6的箭頭函數的返回對象的問題箭頭函數(=>)具有隱式返回的特性。如果某個函數體只有單個表達式，你就可以忽略r...

Donald 2019-08-23 10:50 評論0 收藏0
初入ES6-Symbol

摘要：原始的數據類型和一樣是第七種數據類型創建只能用函數來創建，而且不能用可以有參數，用來區分每個只能顯試的轉化此處是字符串不能在轉為數字報錯不能隱式的轉化報錯作為對象的的屬性名稱主要用在可計算的屬性名稱，即使帶有中括號的屬性名稱一般是私有不可以 Symbol原始的數據類型和string, boolean,null,undefined,number一樣,是JS第七種數據類型 //創建Symb...

ivyzhang 2019-08-21 16:52 評論0 收藏0
JS對象的理解

摘要：所以對象也可說是一組名字屬性的組合。如果想要訪問，就用專用的方法，包含兩個參數對象名稱，屬性名稱，返回一個對象包含具體的特性。基于《javascript 面向對象精要》整理下思路： ECMA5 對象的定義是無序屬性的集合，屬性可以是基本值，對象（包含函數），屬性都有一個名字，名字可以是標識符或者是字符串，映射到屬性。所以對象也可說是一組名字/屬性的組合。有兩種方式創建對象：構造函數，...

tylin 2019-08-20 19:07 評論0 收藏0
JSON數據格式的使用

摘要：數據格式是一種輕量級的數據交換格式。為了對名為的對象進行轉換，只需執行相同形式的命令這就是與本系列討論的其他數據格式之間最大的差異。不過，我們讀起來費解的語言，恰恰是適合機器閱讀，所以通過的索引就能夠讀取黑龍江這個值。 JSON 數據格式 JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。JSON采用完全獨立于語言的文本格式，這些特性使...

番茄西紅柿 2019-08-21 17:57 評論0 收藏0