遍历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 相关文章推荐
JavaScript 封装Ajax传递的数据代码
Jun 05 Javascript
Jquery获取复选框被选中值的简单方法
Jul 04 Javascript
form表单只提交数据而不进行页面跳转的解决方案
Sep 18 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
JavaScript常用函数工具集:lao-utils
Mar 01 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
JS实现可视化文件上传
Sep 08 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
react结合bootstrap实现评论功能
May 30 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&amp;&amp;mysql)一
2006/10/09 PHP
phpize的深入理解
2013/06/03 PHP
php使用curl访问https示例分享
2014/01/17 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
jQuery实现商品活动倒计时
2015/10/16 Javascript
xmlplus组件设计系列之图标(ICON)(1)
2017/05/05 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
快速解决bootstrap下拉菜单无法隐藏的问题
2018/08/10 Javascript
JavaScript链式调用实例浅析
2018/12/19 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
2020/08/14 Javascript
vue内置组件keep-alive事件动态缓存实例
2020/10/30 Javascript
关于Js中new操作符的作用详解
2021/02/21 Javascript
举例讲解Python中装饰器的用法
2015/04/27 Python
python实现识别相似图片小结
2016/02/22 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
在python 不同时区之间的差值与转换方法
2019/01/14 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
详解Python的三种可变参数
2019/05/08 Python
python装饰器原理与用法深入详解
2019/12/19 Python
css3 flex布局 justify-content:space-between 最后一行左对齐
2020/01/02 HTML / CSS
巴基斯坦购物网站:Goto
2019/03/11 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
办公室文秘岗位职责
2013/11/15 职场文书
前处理组长岗位职责
2014/03/01 职场文书
《爱如茉莉》教后反思
2014/04/12 职场文书
公司行政专员岗位职责
2014/08/24 职场文书
三八妇女节新闻稿
2015/07/17 职场文书
小数乘法教学反思
2016/02/22 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python