遍历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 相关文章推荐
textContent在Firefox下与innerText等效的属性
May 12 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
jquery控制页面部分刷新的方法
Jun 24 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
JavaScript严格模式不支持八进制的问题讲解
Nov 07 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-cgi.exe - FastCGI 进程超过了配置的请求超时时限)的问题
2013/07/03 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
基于jquery 的一个progressbar widge
2010/10/29 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
jQuery实现的可编辑表格完整实例
2016/06/20 Javascript
html+js实现简单的计算器代码(加减乘除)
2016/07/12 Javascript
bootstrap导航、选项卡实现代码
2016/12/28 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
Angular实现的进度条功能示例
2018/02/18 Javascript
iview在vue-cli3如何按需加载的方法
2018/10/31 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
vue 实现一个简单的全局调用弹窗案例
2020/09/10 Javascript
js闭包和垃圾回收机制示例详解
2021/03/01 Javascript
python处理中文编码和判断编码示例
2014/02/26 Python
Python中的True,False条件判断实例分析
2015/01/12 Python
Windows安装Python、pip、easy_install的方法
2017/03/05 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
python3处理word文档实例分析
2020/12/01 Python
python飞机大战游戏实例讲解
2020/12/04 Python
回馈慈善的设计师太阳镜:DIFF eyewear
2019/10/17 全球购物
高级护理专业毕业生推荐信
2013/12/25 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
社区党员先进事迹
2014/01/22 职场文书
六一儿童节活动总结
2014/08/27 职场文书
诚实守信演讲稿
2014/09/01 职场文书
优秀员工事迹材料
2014/12/20 职场文书
高考1977观后感
2015/06/04 职场文书
春风化雨观后感
2015/06/11 职场文书
学生会主席任命书
2015/09/21 职场文书