利用JavaScript中對JSON物件的基本操作範例（圖文教學）

JSON格式本就發自於JavaScript中的物件和陣列,所以js操作起來自然也是最為簡單原始,接下來我們就來看一些常用的JavaScript中對JSON物件的基本操作範例

JSON物件

1、物件的屬性：
物件的屬性是有鍵值對組成的，其中key為字串，value可以為任何的Javascript物件。

//使用[]设置和获取对象的属性
var obj = new Object();
obj["www.jb51.net"] = "http://www.jb51.net";
alert(obj["www.jb51.net"]);

2、變數既是屬性：
Javascript引擎在初始化時會建構一個全域對象，所有的變數都是這個全域物件的屬性。為了引用這個全域對象，可以再頂級作用域中這樣取得：

var global = this;

#在Javascript中，任何獨立的函數或變數都屬於這個物件的屬性，即：

function test(){}

相當於：

window.test = function(){}

##3、使用物件：
宣告物件的三種方式：

① 透過new運算子建立一個Object對象，然後動態地新增屬性，從無到有建構一個物件

② 定義對象的類別圓形，然後使用new運算元來批次建構新的物件

//创建一个对象
function User(username, password){
  this.username = username;
  this.password = password;
  this.getUsername = function(){
    return this.username;
  }
  this.getPassword = function(){
    return this.password;
  }
}
var arthinking = new User("Jason", "123");
alert(arthinking.getUsername());
alert(arthinking.getPassword());

③ 使用JSON建構物件

JSON即Javascript對象表示方法（Javascript Object Notation），也就是透過字面量來表示一個物件：

//JSON形式创建一个对象
var arthinking = {
  username : "Jason",
  password : "123",
  favorite : {
    sports : "football",
    music : "Guitar"
  }
}
alert(arthinking.username);
alert(arthinking.favorite.sports);

解析由伺服器傳回的JSON格式資料
單一JSON物件：

[{a:'1',b'2'},{a:'3',b'4'}]

多個JSON物件：

{
"usergroups":[{a:'001',b:'arthinking'},a:'002',b:'Jason'}],
"groups":[{c:'001',d:'IT宅'}]
}

# #可以根據這種格式先從後台封裝好需要傳遞的數據，前台獲取到後可以這樣解析獲取數據：

//假设response.responseText为返回的JSON字符串
//可以使用eval()函数把JSON字符串转换成Javascript语句
//再通过”.”导航获取具体属性，length属性为对象的长度
var obj = eval( "(" + response.responseText + ")" );
for(var i = 0; i<obj.usergroups.length; i++){
  var groupid = obj.usergroups[i].a;
  var usergroup=obj.groups;
  for(var j=0; j<usergroup.length; j++){
    if(usergroup[j].c == groupid){
      alert(groupid);
 }
  }
}

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

javascript實作Java中的Map物件功能的（詳細解答，附上程式碼）

#JavaScript創建物件的七種方式（總結，必讀）

#JavaScript建構子及new運算子（重點，必讀）

#

以上是利用JavaScript中對JSON物件的基本操作範例（圖文教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！