jquery动态遍历Json对象的属性和值的方法

 更新时间:2016年07月27日 10:01:50   投稿:jingxian  
下面小编就为大家带来一篇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对象 添加属性 思路一样。

以上这篇jquery动态遍历Json对象的属性和值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JS异步堆栈追踪之为什么await胜过Promise

    JS异步堆栈追踪之为什么await胜过Promise

    与直接使用Promise相比,使用async/await不仅可以使代码更具可读性,而且还可以在JavaScript引擎中实现一些有趣的优化。这篇文章是关于一个这样的优化,涉及异步代码的堆栈追踪。
    2021-04-04
  • 基于jquery插件实现常见的幻灯片效果

    基于jquery插件实现常见的幻灯片效果

    使用幻灯片效果的网站目前很普遍,本以为很复杂,实现起来却发现很简单,现成的jquery插件jquery.KinSlideshow.js便可实现幻灯片效果
    2013-11-11
  • uniapp项目实践自定义滑动触摸组件实现示例

    uniapp项目实践自定义滑动触摸组件实现示例

    这篇文章主要介绍了uniapp项目实践自定义滑动触摸组件实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • JavaScript函数式编程示例分析

    JavaScript函数式编程示例分析

    函数式编程是一种编程范式,将整个程序都由函数调用以及函数组合构成。 可以看成一条流水线,数据可以不断地从一个函数的输出流入另一个函数的输入,最后输出结果
    2022-10-10
  • 微信小程序input框中加入小图标的实现方法

    微信小程序input框中加入小图标的实现方法

    这篇文章主要介绍了微信小程序input框中加入小图标的实现方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • JavaScript中reduce()的用法实例

    JavaScript中reduce()的用法实例

    reduce()方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值,下面这篇文章主要给大家介绍了关于JavaScript中reduce()的用法实例,需要的朋友可以参考下
    2022-05-05
  • JavaScript实现把数字转换成中文

    JavaScript实现把数字转换成中文

    这篇文章主要介绍了JavaScript实现把数字转换成中文,本文直接给出实例代码,需要的朋友可以参考下
    2015-06-06
  • JavaScript对象参数的引用传递

    JavaScript对象参数的引用传递

    这篇文章主要为大家介绍了JavaScript对象参数的引用传递的相关资料,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • js处理层级数据结构的方法小结

    js处理层级数据结构的方法小结

    本文主要介绍了js处理层级数据结构的方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • javascript实现了照片拖拽点击置顶的照片墙代码

    javascript实现了照片拖拽点击置顶的照片墙代码

    这篇文章主要介绍了javascript实现了照片拖拽点击置顶的照片墙代码,效果非常不错,这里推荐给大家,有需要的小伙伴可以参考下。
    2015-04-04

最新评论