遍历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 精粹笔记
May 09 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
bootstrap模态框垂直居中效果
Dec 03 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
javascript设计模式之模块模式学习笔记
Feb 15 Javascript
Vue组件库发布到npm详解
Feb 17 Javascript
angularJS开发注意事项
May 26 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
JS学习笔记之数组去重实现方法小结
May 29 Javascript
一文了解vue-router之hash模式和history模式
May 31 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/10/09 PHP
Notice: Undefined index: page in E:\PHP\test.php on line 14
2010/11/02 PHP
ThinkPHP的URL重写问题
2014/06/22 PHP
PHP Hash算法:Times33算法代码实例
2015/05/13 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
js onpropertychange输入框 事件获取属性
2009/03/26 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
js实现仿qq消息的弹出窗效果
2016/01/06 Javascript
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
彻底弄懂 JavaScript 执行机制
2018/10/23 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
vue+ESLint 配置保存 自动格式化代码
2020/03/17 Javascript
react antd表格中渲染一张或多张图片的实例
2020/10/28 Javascript
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
Python中的并发编程实例
2014/07/07 Python
python自定义类并使用的方法
2015/05/07 Python
Python实现感知器模型、两层神经网络
2017/12/19 Python
python如何修改文件时间属性
2021/02/05 Python
Coltorti Boutique官网:来自意大利的设计师品牌买手店
2018/11/09 全球购物
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
预备党员的自我评价
2014/03/12 职场文书
绿化工程实施方案
2014/03/17 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
小学综治宣传月活动总结
2014/07/02 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
校运会通讯稿
2015/07/18 职场文书
编写python程序的90条建议
2021/04/14 Python
深入理解redis中multi与pipeline
2021/06/02 Redis
mysql数据插入覆盖和时间戳的问题及解决
2022/03/25 MySQL