JavaScript中對JSON對象的基本操作示例
來源:易賢網(wǎng) 閱讀:638 次 日期:2016-06-25 14:14:50
溫馨提示:易賢網(wǎng)小編為您整理了“JavaScript中對JSON對象的基本操作示例”,方便廣大網(wǎng)友查閱!

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

JSON對象

1、對象的屬性:

對象的屬性是有鍵值對組成的,其中key為一個字符串,value可以為任何的Javascript對象。

//使用[]設(shè)置和獲取對象的屬性

var obj = new Object();

obj["www.jb51.net"] = "http://www.jb51.net";

alert(obj["www.jb51.net"]);

2、變量既是屬性:

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

var global = this;

在Javascript中,任何獨立的函數(shù)或者變量都屬于這個對象的屬性,即:

function test(){}

相當于:

window.test = function(){}

3、使用對象:

聲明對象的三種方式:

① 通過new操作符創(chuàng)建一個Object對象,然后動態(tài)地添加屬性,從無到有構(gòu)造一個對象

② 定義對象的類圓形,然后使用new操作符來批量構(gòu)造新的對象

//創(chuàng)建一個對象

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),也就是通過字面量來表示一個對象:

//JSON形式創(chuàng)建一個對象

var arthinking = {

  username : "Jason",

  password : "123",

  favorite : {

    sports : "football",

    music : "Guitar"

  }

}

alert(arthinking.username);

alert(arthinking.favorite.sports);

解析由服務器返回的JSON格式數(shù)據(jù)

單個JSON對象:

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

多個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語句

//再通過”.”導航獲取具體屬性,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);

 }

  }

}

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:JavaScript中對JSON對象的基本操作示例

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)