快捷導(dǎo)航

JavaScript中對JSON對象的基本操作示例

更新時(shí)間：2016年05月21日 10:31:05 投稿：goldensun

JSON格式本就發(fā)自于JavaScript中的對象和數(shù)組,所以js操作起來自然也是最為簡單原始,接下來我們就來看一些常用的JavaScript中對JSON對象的基本操作示例

JSON對象

1、對象的屬性：
對象的屬性是有鍵值對組成的，其中key為一個(gè)字符串，value可以為任何的Javascript對象。

//使用[]設(shè)置和獲取對象的屬性
var obj = new Object();
obj["www.fzitv.net"] = "http://www.fzitv.net";
alert(obj["www.fzitv.net"]);

2、變量既是屬性：
Javascript引擎在初始化時(shí)會構(gòu)建一個(gè)全局對象，所有的變量都是這個(gè)全局對象的屬性。為了引用這個(gè)全局對象，可以再頂級作用域中這樣獲?。?/p>

var global = this;

在Javascript中，任何獨(dú)立的函數(shù)或者變量都屬于這個(gè)對象的屬性，即：

function test(){}

相當(dāng)于：

window.test = function(){}

3、使用對象：
聲明對象的三種方式：

① 通過new操作符創(chuàng)建一個(gè)Object對象，然后動態(tài)地添加屬性，從無到有構(gòu)造一個(gè)對象
② 定義對象的類圓形，然后使用new操作符來批量構(gòu)造新的對象

//創(chuàng)建一個(gè)對象
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構(gòu)造對象
JSON即Javascript對象表示方法（Javascript Object Notation），也就是通過字面量來表示一個(gè)對象：

//JSON形式創(chuàng)建一個(gè)對象
var arthinking = {
  username : "Jason",
  password : "123",
  favorite : {
    sports : "football",
    music : "Guitar"
  }
}
alert(arthinking.username);
alert(arthinking.favorite.sports);

解析由服務(wù)器返回的JSON格式數(shù)據(jù)
單個(gè)JSON對象：

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

多個(gè)JSON對象：

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

可以根據(jù)這種格式先從后臺封裝好需要傳遞的數(shù)據(jù)，前臺獲取到后可以這樣解析獲取數(shù)據(jù)：

//假設(shè)response.responseText為返回的JSON字符串
//可以使用eval()函數(shù)把JSON字符串轉(zhuǎn)換成Javascript語句
//再通過”.”導(dǎo)航獲取具體屬性，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);
 }
  }
}

您可能感興趣的文章: