遍历json 对象的属性并且动态添加属性的实现

 更新时间:2016年12月02日 10:37:24   投稿:jingxian  
下面小编就为大家带来一篇遍历json 对象的属性并且动态添加属性的实现。小编觉的挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

昨天因为公司的一个需求,所以就研究了一下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 对象的属性并且动态添加属性的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js 用于检测类数组对象的函数方法

    js 用于检测类数组对象的函数方法

    下面小编就为大家带来一篇js 用于检测类数组对象的函数方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • uni-app动态修改导航栏标题简单步骤

    uni-app动态修改导航栏标题简单步骤

    uniapp作为一款开源软件,可以做到一端多用,不过也有局限,在开发中有时候需要动态的去修改标题,下面这篇文章主要给大家介绍了关于uni-app动态修改导航栏标题的相关资料,需要的朋友可以参考下
    2023-06-06
  • JS获取地址栏参数的几种方法小结

    JS获取地址栏参数的几种方法小结

    本篇文章主要是对JS获取地址栏参数的几种方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • npm install jquery报错问题解决

    npm install jquery报错问题解决

    这篇文章主要为大家介绍了npm install jquery报错问题解决分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • JavaScript动态生成二维码图片

    JavaScript动态生成二维码图片

    本文给大家介绍js动态生成二维码图片的相关内容,感兴趣的朋友一起学习吧
    2016-04-04
  • 使用JSX实现Carousel轮播组件的方法(前端组件化)

    使用JSX实现Carousel轮播组件的方法(前端组件化)

    做这个轮播图的组件,我们先从一个最简单的 DOM 操作入手。使用 DOM 操作把整个轮播图的功能先实现出来,然后在一步一步去考虑怎么把它设计成一个组件系统
    2021-04-04
  • 关于Javascript中值得学习的特性总结

    关于Javascript中值得学习的特性总结

    本文主要介绍了一些Javascript中值得学习的特性,可选链操作符,空值合并运算符,Promise.allSettled(),BigInt类型等特性,文中有详细的代码示例介绍这些特性,感兴趣的可以参考下
    2023-05-05
  • Javascript动态创建div的方法

    Javascript动态创建div的方法

    这篇文章主要介绍了Javascript动态创建div的方法,是javascript节点操作的典型应用,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 基于JavaScript实现右键菜单和拖拽功能

    基于JavaScript实现右键菜单和拖拽功能

    本文给大家分享基于js实现的右键菜单功能和拖拽功能的代码解析,非常不错,具有一定的参考借鉴价值,感兴趣的朋友一起看看吧
    2016-11-11
  • bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据

    bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据

    这篇文章主要为大家详细介绍了bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09

最新评论