遍历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 相关文章推荐
jquery autocomplete自动完成插件的的使用方法
Aug 07 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
JS替换文本域内的回车示例
Feb 18 Javascript
javascript省市区三级联动下拉框菜单实例演示
Nov 29 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
vue实现app页面切换动画效果实例
May 23 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
AngularJS实现与后台服务器进行交互的示例讲解
Aug 13 Javascript
layer弹出层显示在top顶层的方法
Sep 11 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
Jul 15 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异步多线程swoole用法实例
2014/11/14 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
PHP数组访问常用方法解析
2020/09/05 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
基于jquery的返回顶部效果(兼容IE6)
2011/01/17 Javascript
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
2015/03/02 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
如何屏蔽防止别的网站嵌入框架代码
2015/08/24 Javascript
jquery+json实现动态商品内容展示的方法
2016/01/14 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
2016/02/05 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
jQuery选择器之属性过滤选择器详解
2017/09/28 jQuery
vue打包之后生成一个配置文件修改接口的方法
2018/12/09 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
2019/02/18 jQuery
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
NodeJS实现一个聊天室功能
2019/11/25 NodeJs
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
python创建文件时去掉非法字符的方法
2018/10/31 Python
Python用61行代码实现图片像素化的示例代码
2018/12/10 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
Python 无限级分类树状结构生成算法的实现
2021/01/21 Python
CSS3轻松实现清新 Loading 效果的简单实例
2016/06/06 HTML / CSS
Pretty Green美国:英式摇滚服饰风格代表品牌之一
2019/01/23 全球购物
收银员岗位职责
2014/02/07 职场文书
请假条怎么写
2014/04/10 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL