遍历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 BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
event对象的方法 兼容多浏览器
Jun 27 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
js模仿hover的具体实现代码
Dec 30 Javascript
js中键盘事件实例简析
Jan 10 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 Javascript
使用layui 渲染table数据表格的实例代码
Aug 19 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
Sep 12 Javascript
Vue常用的几个指令附完整案例
Nov 06 Javascript
JavaScript实现简单轮播图效果
Dec 01 Javascript
微信小程序webview 脚手架使用详解
Jul 22 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
漫威DC御用漫画家去世 他的表情包曾走红网络
2020/04/09 欧美动漫
PHP版自动生成文章摘要
2008/07/23 PHP
PHP开启gzip页面压缩实例代码
2010/03/11 PHP
PHP编码转换
2012/11/05 PHP
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
九个你必须知道而且又很好用的php函数和特点
2013/08/08 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
PHP错误处理函数
2016/04/03 PHP
PHP文件上传类实例详解
2016/04/08 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
THREE.JS入门教程(5)你应当知道的十件事
2013/01/24 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
jQuery实现选中行变色效果(实例讲解)
2017/07/06 jQuery
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
浅谈webpack SplitChunksPlugin实用指南
2018/09/17 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
JavaScript获取当前url路径过程解析
2019/12/27 Javascript
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
python批量生成本地ip地址的方法
2015/03/23 Python
python利用不到一百行代码实现一个小siri
2017/03/02 Python
python PyTorch预训练示例
2018/02/11 Python
python实现全盘扫描搜索功能的方法
2019/02/14 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
Python多进程编程multiprocessing代码实例
2020/03/12 Python
亚洲最大的眼镜批发商和零售商之一:Glasseslit
2018/10/08 全球购物
毕业生入职感言
2015/07/31 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
vue-cropper组件实现图片切割上传
2021/05/27 Vue.js