遍历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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
javascript for循环设法提高性能
Feb 24 Javascript
js select常用操作控制代码
Mar 16 Javascript
jquery实现动态菜单的实例代码
Nov 28 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
Yii2使用Bootbox插件实现自定义弹窗
Apr 02 Javascript
简单纯js实现点击切换TAB标签实例
Aug 23 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
jQuery实现验证年龄简单思路
Feb 24 Javascript
Bootstrap媒体对象的实现
May 01 Javascript
vue--vuex详解
Apr 15 Javascript
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
Jul 24 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
php gzip压缩输出的实现方法
2013/04/27 PHP
PHP curl 获取响应的状态码的方法
2014/01/13 PHP
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
PHP判断网络文件是否存在的方法
2015/03/12 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
JS Timing
2007/04/21 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
js中DOM三级列表(代码分享)
2017/03/20 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
javascript回调函数详解
2018/02/06 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
2019/04/04 jQuery
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
浅谈Node新版本13.2.0正式支持ES Modules特性
2019/11/25 Javascript
微信小程序报错: thirdScriptError的错误问题
2020/06/19 Javascript
vue中watch和computed的区别与使用方法
2020/08/23 Javascript
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
[01:05]DOTA2完美大师赛趣味视频之选手教你打职业
2017/11/23 DOTA
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
centos6.5安装python3.7.1之后无法使用pip的解决方案
2019/02/14 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
浅析pandas随机排列与随机抽样
2021/01/22 Python
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
Linux不知道文件后缀名怎么判断文件类型
2014/08/21 面试题
监理员的岗位职责
2013/11/13 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
高一作文之乐趣
2019/11/21 职场文书
vue中data里面的数据相互使用方式
2022/06/05 Vue.js