这次给大家带来使用jquery动态遍历json对象属性与值步骤详解,使用jquery动态遍历json对象属性与值的注意事项有哪些,下面就是实战案例,一起来看一下。
1、遍历 json 对象的属性
//定义json对象
var person= {
name: 'zhangsan',
pass: '123',
fn: function(){
alert(this.name+的密码=+this.pass);
}
}
//遍历person属性包括方法,如果不想显示出方法,可用typeof(person[item])== function来判断
for(var item in person){
alert(person中+item+的值=+person[item]);
}
2、动态为 json对象 添加属性
需要 使用1中的 person对象
var copyperson={} //创建copyperson对象,将person中的属性包括方法copy给该对象
for(var item in person){
copyperson[item]= person[item]; //这样循环就可以将person中的属性包括方法copy到copyperson中了
}
for(var item in copyperson){
alert(copyperson中+item+的值=+person[item]);
}
注意:使用 ext.apply(copyperson, person) 也可以 将person中的所有属性包括方法 copy到 copyperson中
3、遍历 普通js对象的 属性
//定义一个普通的js类,包含方法
var p= function (){
this.name= '李四';
this.pass= '456';
this.fn= function(){
alert(this.name+的密码=+this.pass);
}
}
var pp= new p(); //生成一个p类的对象 pp
for(var item in pp){
//遍历pp对象中的属性,只显示出 非函数的 属性,注意不能 遍历 p这个类
if(typeof(pp[item])== function)
continue;
alert(p对象中+item+的属性=+pp[item]);
}
普通的 js对象 也可以copy,copy方法和 2.动态为 json对象 添加属性 思路一样。
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
ajax请求队列使用详解
jquery+ajax使用get()函数读取页面步骤详解
以上就是使用jquery动态遍历json对象属性与值步骤详解的详细内容。