欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-26 12:16:22
json对象 1、对象的属性: 对象的属性是有键值对组成的,其中key为一个字符串,value可以为任何的javascript对象。 //使用[]设置和获取对...

json对象

1、对象的属性:
对象的属性是有键值对组成的,其中key为一个字符串,value可以为任何的javascript对象。

//使用[]设置和获取对象的属性
var obj = new object();
obj["www.jb51.net"] = "//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);
 }
  }
}