遍历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 相关文章推荐
单击和双击事件的冲突处理示例代码
Apr 03 Javascript
用javascript关闭本窗口技巧小结
Sep 05 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
Javascript实现前端简单的路由实例
Sep 11 Javascript
探讨跨域请求资源的几种方式(总结)
Dec 02 Javascript
JavaScript 中对象的深拷贝
Dec 04 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
Jan 18 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
Aug 06 Javascript
vue element-ui中table合计指定列求和实例
Nov 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
一个用于网络的工具函数库
2006/10/09 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
实例讲解php将字符串输出到HTML
2019/01/27 PHP
ppk谈JavaScript style属性
2008/10/10 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
js中iframe调用父页面的方法
2014/10/30 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
jquery mobile 移动web(5)
2015/12/20 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
Vuex 快速入门(简单易懂)
2018/09/20 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
vue+axios全局添加请求头和参数操作
2020/07/24 Javascript
[44:40]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
用Python编写一个基于终端的实现翻译的脚本
2015/04/24 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
django 微信网页授权登陆的实现
2019/07/30 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
Python实现把类当做字典来访问
2019/12/16 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
python连接手机自动搜集蚂蚁森林能量的实现代码
2021/02/24 Python
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
意大利团购网站:Groupon意大利
2016/10/11 全球购物
Tiqets荷兰:出售欧洲最美丽的景点和博物馆门票
2018/01/09 全球购物
具有防紫外线功能的高性能钓鱼服装:Hook&Tackle
2018/08/16 全球购物
法国设计制造的扫帚和刷子:Andrée Jardin
2018/12/06 全球购物
行政文员岗位职责
2013/11/08 职场文书
工作岗位说明书模板
2014/05/09 职场文书
和谐社区口号
2014/06/19 职场文书
台积电称即便经济低迷也没有降价的计划
2022/04/21 数码科技