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

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索遍历json对象属性
javascript 遍历json、javascript 遍历对象、遍历json对象、jquery遍历json对象、java遍历json对象,以便于您获取更多的相关知识。

时间: 2024-09-24 11:50:53

遍历json 对象的属性并且动态添加属性的实现_javascript技巧的相关文章

JS动态添加选项案例分析_javascript技巧

本文实例分析了JS动态添加选项的方法.分享给大家供大家参考,具体如下: 一.问题: 要做一个调查问卷,问题数量不定,问答答案不定. JS控答案效果图 二.实现方法: 为了实现这个效果,点击那个按钮就在下面添加4个答案框,选择从A-Z这26个字母,就是为了ASSIC码方便处理 看看HTML结果 <table width="100%" class="form"> <tr> <th width="100px"><

JS实现为表格动态添加标题的方法_javascript技巧

本文实例讲述了JS实现为表格动态添加标题的方法.分享给大家供大家参考.具体如下: JS中的表格对象带有一个createCaption方法用于为表格创建标题caption <!DOCTYPE html> <html> <head> <script> function createCaption() { var x=document.getElementById('myTable').createCaption(); x.innerHTML="My t

JS判断是否为JSON对象及是否存在某字段的方法(推荐)_javascript技巧

实例如下: $.ajax({ type: 'POST', url: url, success(function(data){ //判断是否为JSON对象 if(typeof(data) == "object" && Object.prototype.toString.call(data).toLowerCase() == "[object object]" && !data.length){ alert("is JSON 0

javascript的document中的动态添加标签实现方法_javascript技巧

document的高级篇中提供了节点操作的函数,具体包括:获取节点,改变节点,删除节点,替换节点,创建节点,添加节点,克隆节点等函数.我们可以利用这些函数动态改变html的节点. 1.JavaScript <script type="text/javascript"> function test1(){//对个节点的ID相同时候的情况 var myhref = document.getElementById('same'); window.alert(myhref.inne

老生常谈js动态添加事件--- 事件委托_javascript技巧

其所谓的动态添加事件实质就是指js中的事件委托. 我们知道在js中,事件处理只能绑定在当前被选中的元素上,换句话也就是说,事件处理只能绑定在当前文档已经存在的元素上!但是,往往小伙伴们都会遇到一个问题就是,我的元素是后来动态添加到页面的,而我又想给该元素绑定事件,怎么处理? 为了说明白这一问题,我们假设需要给后来添加到当前页面的元素添加click事件. 解决这一问题的核心就是利用js的委托事件.委派事件的优势就是可以给未存在的元素绑定事件,而且委派事件往往开销也会更小! 题外话:举一个最简单的例

JavaScript动态添加列的方法_javascript技巧

本文实例讲述了JavaScript动态添加列的方法.分享给大家供大家参考.具体实现方法如下: /*** * 动态添加table 列 * @param result */ function addRow(resultJson){ /* var temp = []; temp = $.grep(arr, function(val, key) { if(val.indexOf('c') != -1) return true; // 如果[invert]参数不给或为false, $.grep只收集回调函

JS动态添加iframe的代码_javascript技巧

一般对于ie9以上的浏览器.chrome等浏览器都可以支持 var iframe = document.createElement('iframe'); iframe.src="http://www.jb51.net"; document.body.appendChild(iframe); 但考虑浏览器的兼容性问题可以使用下面的代码 try{ var iframe = document.createElement('<iframe name="ifr">

jquery动态添加删除(tr/td)_javascript技巧

代码很简单,实现的功能也很简单,有需要的小伙伴参考下吧. 复制代码 代码如下: <head runat="server">     <title></title>     <!--easyui -->     <link rel="stylesheet" type="text/css" href="../../script/jquery-easyui-1.3.2/themes/ico

jquery动态遍历Json对象的属性和值的方法_javascript技巧

1.遍历 json 对象的属性 //定义json对象 var person= { name: 'zhangsan', pass: '123', fn: function(){ alert(this.name+"的密码="+this.pass); } } //遍历person属性包括方法,如果不想显示出方法,可用typeof(person[item])== "function"来判断 for(var item in person){ alert("perso