遍历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脚本
Aug 04 Javascript
Prototype Number对象 学习
Jul 19 Javascript
Jquery乱码的一次解决过程 图解教程
Feb 20 Javascript
JS基础随笔(菜鸟必看篇)
Jul 13 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
vue.js中mint-ui框架的使用方法
May 12 Javascript
bootstrap Table插件使用demo
Aug 07 Javascript
浅析vue中常见循环遍历指令的使用 v-for
Apr 18 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
js根据需要计算数组中重复出现某个元素的个数
Jan 18 Javascript
解决vue-router 切换tab标签关闭时缓存问题
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
mysql总结之explain
2012/02/27 PHP
培养自己的php编码规范
2015/09/28 PHP
JavaScript基本概念初级讲解论坛贴的学习记录
2009/02/22 Javascript
跨域表单提交状态的变相判断代码
2009/11/12 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
Jquery easyUI 更新行示例
2014/03/06 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
JS实现身份证输入框的输入效果
2017/08/21 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
微信小程序自定义组件实现tabs选项卡功能
2018/07/14 Javascript
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
2018/09/18 Javascript
自己动手封装一个React Native多级联动
2018/09/19 Javascript
JavaScript判断对象和数组的两种方法
2019/05/31 Javascript
Vue 列表上下过渡效果的实例代码
2019/06/25 Javascript
Vue中img的src是动态渲染时不显示的解决
2019/11/14 Javascript
理解JavaScript中的Proxy 与 Reflection API
2020/09/21 Javascript
vant中的toast层级改变操作
2020/11/04 Javascript
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
[01:01:36]Optic vs paiN 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python 的列表遍历删除实现代码
2020/04/12 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
python 定时器,轮询定时器的实例
2019/02/20 Python
python 自动轨迹绘制的实例代码
2019/07/05 Python
Python制作词云图代码实例
2019/09/09 Python
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
超市端午节活动方案
2014/01/23 职场文书
环保建议书500字
2014/05/14 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
2014年技术部工作总结
2014/12/12 职场文书
MySQL性能压力基准测试工具sysbench的使用简介
2021/04/21 MySQL
nginx作grpc的反向代理踩坑总结
2021/07/07 Servers