`

js遍历对象的属性并且动态添加属性

    博客分类:
  • js
 
阅读更多
Java代码  收藏代码
  1.  var person= {  
  2.   name: 'zhangsan',  
  3.   pass: '123' ,  
  4.   'sni.ni' : 'sss',  
  5.   hello:function (){  
  6.      for(var i=0;i<arguments.length;i++){  
  7.              //在不知参数个数情况下可通过for循环遍历              
  8.              // arguments这个是js 默认提供  
  9.             alert("arr["+i+"]="+arguments[i]);  
  10.      }      
  11.   }  
  12.  }  
  13.     
  14. //遍历属性  
  15.  for(var item in person){  
  16.     if(typeof person[item]  === 'string'){  
  17.       alert("person中"+item+"的值="+person[item]);  
  18.     }else if(typeof person[item] === 'function'){  
  19.         person[item](1,1);//js 的function的参数可以动态的改变  
  20.     }   
  21.  }  
  22. //添加属性  
  23.   
  24.  person.isMe = 'kaobian'// 这种是属性名字正常的  
  25. //当属性名字不正常时,像下面这种,必须用这种形式的,  
  26.  person['isMe.kaobian'] = 'hello kaobian'//上面的也可以用下面的形式  
  27.   
  28.  for(var item in person){  
  29.     if(typeof person[item]  === 'string'){  
  30.       alert("person中"+item+"的值="+person[item]);  
  31.     }else if(typeof person[item] === 'function'){  
  32.   
  33.         person[item](1,1);  
  34.     }   
  35.  }   

 

分享到:
评论

相关推荐

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

    昨天因为公司的一个需求,所以就研究了一下json对象的属性的遍历和动态修改: var person= { name: 'zhangsan', pass: '123' , 'sni.ni' : 'sss', hello:function (){ for(var i=0;i&lt;arguments.length;i++)...

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

    1、遍历 json 对象的属性 //定义json对象 var person= { name: 'zhangsan', pass: '123', fn: function(){ alert&#40;... //遍历person属性包括方法,如果不想显示出方法...2、动态为 json对象 添加属性 需要 使用

    JavaScript简单遍历DOM对象所有属性的实现方法

    主要介绍了JavaScript简单遍历DOM对象所有属性的实现方法,涉及JavaScript针对页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    JS实现给对象动态添加属性的方法

    主要介绍了JS实现给对象动态添加属性的方法,涉及JS属性的遍历、动态赋值及eval方法的简单使用技巧,需要的朋友可以参考下

    JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解

    废话不多说了,直奔主题,你,具体代码如下所示: [removed] //----------------for用来遍历数组对象-- ... //为所有的对象添加clone方法,即给内置原型(object,Array,function)增加原型属性,该方法很强大,也很危险

    js数组中存对象,根据对象的属性进行去重

    在进行web项目开发的时候,有时候需要把一些前端的数组进行去重处理,得到一个去重后的数据,然后在进行相关的操作

    【JavaScript源代码】JavaScript动态生成带删除行功能的表格.docx

    JavaScript动态生成带删除行功能的表格  本文实例为大家分享了javascript实现动态生成表格/删除行的具体代码,供大家参考,具体内容如下 动态生成一个带删除行功能的表格: 实现思路 1、获取表格元素 2、获取要...

    json实现添加、遍历与删除属性的方法

    //添加属性 obj["sex"] = "boy"; //遍历JSON对象 for(var index in obj){ alert&#40;index&#41;; alert&#40;obj[index]&#41;; } //删除JSON属性 delete obj.age; alert&#40;obj.age&#41;; &lt;/scr

    使用 JavaScript 将 JSON 转换为对象,并使用 DOM API 将其呈现在 HTML 页面.html

    具体来说,我们创建一个 &lt;div&gt; 元素,用于显示转换后的结果,然后遍历对象的所有属性,为每个属性创建一个 &lt;p&gt; 元素,用于显示属性名和属性值,并将其添加到 &lt;div&gt; 元素中。如果 JSON 输入无效,我们将显示一个警告...

    Dick-gongko#webNote#JavaScript对象的基本操作(增删、遍历)(js)1

    举例://向obj中添加一个name属性//向obj中添加一个age属性// 获取对象中的属性,并打印出来// 打印结果:男// 打印结果:undefined方

    JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    主要介绍了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法,涉及JS页面元素遍历及属性动态操作相关技巧,需要的朋友可以参考下

    JavaScript详解(第2版)

     8.5.1 使用prototype属性为对象添加属性   8.5.2 原型查找链   8.5.3 使用原型为对象添加方法   8.5.4 所有对象都有的属性和方法   8.5.5 创建子类及继承   8.6 应知应会   练习   第9章 ...

    JavaScript权威指南(第6版)(附源码)

    14.7 作为Window对象属性的文档元素 14.8 多窗口和窗体 第15章 脚本化文档 15.1 DOM概览 15.2 选取文档元素 15.3 文档结构和遍历 15.4 属性 15.5 元素的内容 15.6 创建、插入和删除节点 15.7 例子:生成目录表 15.8...

    《javaScrip开发技术大全》源代码

    • sample16.htm 使用for each…in语句遍历对象属性和数组元素 • sample17.htm 对象的引用 • sample18.htm with语句 • sample19.htm with语句的等价代码 • sample20....

    JavaScript权威指南(第6版)

    14.7 作为Window对象属性的文档元素 14.8 多窗口和窗体 第15章 脚本化文档 15.1 DOM概览 15.2 选取文档元素 15.3 文档结构和遍历 15.4 属性 15.5 元素的内容 15.6 创建、插入和删除节点 15.7 例子:生成目录表 15.8 ...

    JavaScript集锦

    (1)For...In 声明用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 - 2 - (2). 事件是可以被 JavaScript 侦测到的行为。 - 4 - (3)try...catch 的作用是测试代码中的错误。 - 5 - (4)。...

    JavaScript权威指南(第6版)中文版pdf+源代码

     14.7 作为Window对象属性的文档元素351  14.8 多窗口和窗体353  第15章 脚本化文档361  15.1 DOM概览362  15.2 选取文档元素364  15.3 文档结构和遍历371  15.4 属性375  15.5 元素的内容378  15.6 创建、...

    JavaScript 权威指南(第四版).pdf

     14.7 作为Window对象属性的文档元素351  14.8 多窗口和窗体353  第15章 脚本化文档361  15.1 DOM概览362  15.2 选取文档元素364  15.3 文档结构和遍历371  15.4 属性375  15.5 元素的内容378  15.6 创建、...

    JavaScript权威指南(第6版)(中文版)

    14.7 作为Window对象属性的文档元素 14.8 多窗口和窗体 第15章 脚本化文档 15.1 DOM概览 15.2 选取文档元素 15.3 文档结构和遍历 15.4 属性 15.5 元素的内容 15.6 创建、插入和删除节点 15.7 例子:生成目录表 15.8 ...

Global site tag (gtag.js) - Google Analytics