遍历json 对象的属性并且动态添加属性的实现

 更新时间:2016年12月02日 10:37:24   投稿:jingxian  
下面小编就为大家带来一篇遍历json 对象的属性并且动态添加属性的实现。小编觉的挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

昨天因为公司的一个需求,所以就研究了一下json对象的属性的遍历和动态修改:

var person= {  
 name: 'zhangsan',  
 pass: '123' ,  
 'sni.ni' : 'sss',  
 hello:function (){  
   for(var i=0;i<arguments.length;i++){  
       //在不知参数个数情况下可通过for循环遍历        
       // arguments这个是js 默认提供  
      alert("arr["+i+"]="+arguments[i]);  
   }    
 }  
 }  
   
//遍历属性  
 for(var item in person){  
  if(typeof person[item] === 'string'){  
   alert("person中"+item+"的值="+person[item]);  
  }else if(typeof person[item] === 'function'){  
    person[item](1,1);//js 的function的参数可以动态的改变  
  }  
 }  
//添加属性  
 
 person.isMe = 'kaobian'; // 这种是属性名字正常的  
//当属性名字不正常时,像下面这种,必须用这种形式的,  
 person['isMe.kaobian'] = 'hello kaobian'; //上面的也可以用下面的形式  
 
 for(var item in person){  
  if(typeof person[item] === 'string'){  
   alert("person中"+item+"的值="+person[item]);  
  }else if(typeof person[item] === 'function'){  
 
    person[item](1,1);  
  }  
 }  

以上这篇遍历json 对象的属性并且动态添加属性的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js判读浏览器是否支持html5的canvas的代码

    js判读浏览器是否支持html5的canvas的代码

    浏览器是否支持html5的canvas,我们可以使用js来判断下,具体如下,喜欢的朋友可以收藏
    2013-11-11
  • 微信小程序中富文本编辑器的实现

    微信小程序中富文本编辑器的实现

    富文本编辑器不同于文本编辑器,程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里。本文将详解一下微信小程序中富文本编辑器的实现与使用,需要的可以参考一下
    2022-06-06
  • 详解小程序之简单登录注册表单验证

    详解小程序之简单登录注册表单验证

    这篇文章主要介绍了小程序之简单登录注册表单验证,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 简化版手机端照片预览组件

    简化版手机端照片预览组件

    这篇文章主要介绍了简化版手机端照片预览组件的相关资料,需要的朋友可以参考下
    2015-04-04
  • 23个Javascript弹出窗口特效整理

    23个Javascript弹出窗口特效整理

    23个Javascript弹出窗口特效,需要的朋友可以参考下。
    2011-02-02
  • 如何用js控制css中的float的代码

    如何用js控制css中的float的代码

    这里向大家描述一下JS操作css的float属性的特殊写法,使用js操作css属性的写法是有一定的规律的,对于没有中划线的css属性一般直接使用style.属性名即可
    2007-08-08
  • JS与Jquery获取屏幕、浏览器、页面的宽度和高度对比整理

    JS与Jquery获取屏幕、浏览器、页面的宽度和高度对比整理

    页面的展示,从外到内的容器为:屏幕、浏览器以及页面本身。HTML元素展现在页面内,页面展现在浏览器内,而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。容器的尺寸是指当前分辨率下的高度和宽度(分辨率不同,值就不相同)。
    2023-02-02
  • 如何通过Proxy实现JSBridge模块化封装

    如何通过Proxy实现JSBridge模块化封装

    这篇文章主要介绍了如何通过Proxy实现JSBridge模块化封装,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • 移动端利用H5实现压缩图片上传功能

    移动端利用H5实现压缩图片上传功能

    这篇文章主要为大家详细介绍了移动端利用H5实现压缩图片上传功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • js 创建对象 经典模式全面了解

    js 创建对象 经典模式全面了解

    下面小编就为大家带来一篇js 创建对象 经典模式全面了解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08

最新评论