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


Posted in Javascript onDecember 02, 2016

昨天因为公司的一个需求,所以就研究了一下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 对象的属性并且动态添加属性的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 判断 enter 事件
Feb 12 Javascript
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性
Jan 14 Javascript
Vue.js动态添加、删除选题的实例代码
Sep 30 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
Apr 22 Javascript
javascript简单写的判断电话号码实例
May 24 Javascript
浅谈react 同构之样式直出
Nov 07 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
Dec 28 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
详解.vue文件解析的实现
Jun 11 Javascript
React router动态加载组件之适配器模式的应用详解
Sep 12 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
js 数据类型判断的方法
Dec 03 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 #Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 #Javascript
Vue.js第四天学习笔记
Dec 02 #Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
Dec 02 #Javascript
基于javascript实现按圆形排列DIV元素(三)
Dec 02 #Javascript
js中动态创建json,动态为json添加属性、属性值的实例
Dec 02 #Javascript
bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
Nov 30 #Javascript
You might like
第六节--访问属性和方法
2006/11/16 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
PHP中SQL查询语句的id=%d解释(推荐)
2016/12/10 PHP
php实现映射操作实例详解
2019/10/02 PHP
文字幻灯片
2006/06/26 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
2013/09/05 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
JavaScript中的alert()函数使用技巧详解
2014/12/29 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
Angular5.1新功能分享
2017/12/21 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
[02:41]DOTA2英雄基础教程 亚巴顿
2014/01/02 DOTA
python打开url并按指定块读取网页内容的方法
2015/04/29 Python
Python错误提示:[Errno 24] Too many open files的分析与解决
2017/02/16 Python
对python过滤器和lambda函数的用法详解
2019/01/21 Python
Python3 log10()函数简单用法
2019/02/19 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
python中常见错误及解决方法
2020/06/21 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
物业管理大学生个人的自我评价
2013/10/10 职场文书
求职信范文怎么写
2014/01/29 职场文书
七匹狼男装广告词
2014/03/21 职场文书
房屋委托书范本
2014/04/04 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
共青团员自我评价范文
2014/09/14 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
Django+Celery实现定时任务的示例
2021/06/23 Python