遍历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 相关文章推荐
让innerHTML的脚本也可以运行起来
Jul 01 Javascript
javascript 数组学习资料收集
Apr 11 Javascript
javascript 使用 NodeList需要注意的问题
Mar 04 Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
javascript的alert box在java中如何显示多行
May 18 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
JS switch判断 三目运算 while 及 属性操作代码
Sep 03 Javascript
详解JavaScript 的变量
Mar 08 Javascript
微信小程序云开发实现云数据库读写权限
May 17 Javascript
redux处理异步action解决方案
Mar 22 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 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微信发送推送消息乱码的解决方法
2019/02/28 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
JAVASCRIPT HashTable
2007/01/22 Javascript
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
js字符串操作方法实例分析
2015/05/06 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
深入理解requireJS-实现一个简单的模块加载器
2018/01/15 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
2018/12/11 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
[45:40]Ti4 冒泡赛第二天NEWBEE vs NaVi 1
2014/07/15 DOTA
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
Python实现将一个正整数分解质因数的方法分析
2017/12/14 Python
Python实现求一个集合所有子集的示例
2018/05/04 Python
python样条插值的实现代码
2018/12/17 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
生物制药毕业生自荐信
2013/10/16 职场文书
个人简历中自我评价
2014/02/11 职场文书
质量承诺书范文
2014/03/27 职场文书
党课心得体会范文
2014/09/09 职场文书
创新社会管理心得体会
2014/09/12 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
开除员工通知
2015/04/22 职场文书
python中的class_static的@classmethod的巧妙用法
2021/06/22 Python
python读取并查看npz/npy文件数据以及数据显示方法
2022/04/14 Python
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS