`

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++)...

    js遍历属性 以及 js prototype 和继承

    1. `for...in`循环:这是最常用的遍历对象属性的方法。它会遍历对象的所有可枚举属性,包括从原型链继承的属性。例如: ```javascript let obj = {a: 1, b: 2, c: 3}; for(let key in obj) { console.log(key + ...

    JS遍历对象属性的方法示例

    在JavaScript中,遍历对象属性是一项基础且常用的操作,它涉及到对对象的深入理解和动态操作。本篇文章将详细讲解如何遍历JavaScript对象的属性,并通过示例代码展示具体的应用。 首先,JavaScript提供了多种遍历...

    js 遍历对象的属性的代码

    在遍历对象属性的部分,使用了`for...in`循环,它会枚举对象自身的可枚举属性以及从原型链中继承的可枚举属性。当执行`for (var property in obj)`时,`property`会依次取到`obj`的所有属性名。 然而,有时候我们...

    javascript遍历json对象的key和任意js对象属性实例.docx

    ### JavaScript遍历JSON对象的Key和任意JS对象属性实例 #### 概述 在JavaScript编程中,经常需要遍历对象的属性来进行数据处理或逻辑控制。对于JSON对象(本质上是JavaScript对象的一种)和其他类型的对象,我们...

    js代码-vue 遍历对象的所有属性增加变化侦测 1

    // 遍历对象属性 for (let key in obj) { if (obj.hasOwnProperty(key)) { // 使用Object.defineProperty()设置响应式属性 Object.defineProperty(obj, key, { get() { console.log(`Accessing property: ${key...

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

    在JavaScript中,DOM(Document Object Model)是一种标准,用于表示HTML或XML文档的结构,并提供了与这些文档交互的方法。...希望本文的介绍能帮助你更好地理解和应用JavaScript遍历DOM对象属性的技术。

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

    要动态地为JSON对象添加属性,可以直接使用点号`.`或方括号`[]`操作符。这里提供了一种创建新对象并复制原对象属性的方法: ```javascript var copyPerson = {}; // 创建一个新的空对象copyPerson for (var ...

    vue 解决遍历对象显示的顺序不对问题

    在Vue.js开发过程中,我们经常会遇到遍历对象并将其内容展示在页面上的需求。然而,JavaScript的对象属性并没有天然的顺序,这可能导致在遍历时显示的顺序与预期不符。本篇文章将详细介绍如何解决Vue中遍历对象显示...

    Javascript的数组与字典用法与遍历对象的属性技巧

    通过for...in循环遍历对象属性是一个有效的方法来查看对象中有哪些属性,以及在运行时动态检查对象的结构。 需要注意的是,尽管数组的用法非常灵活,Javascript中的数组并不是传统意义上的关联数组。关联数组,或者...

    js对象属性排序

    这意味着在遍历对象时,属性的访问顺序可能与添加的顺序不同。 要对JavaScript对象的属性进行排序,可以采取以下几种方法: 1. **转换为数组并排序**:将对象的属性名转化为数组,然后利用数组的`sort()`方法进行...

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

    本文将详细介绍如何使用JavaScript给对象动态添加属性,并涉及到属性遍历、动态赋值以及eval方法的使用技巧。 在开始之前,我们需要理解JavaScript中的基本概念,对象(Object)在JavaScript中是一种复合数据类型,...

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

    需要注意的是,`for...in`不仅会遍历对象本身的属性,还会遍历其原型链上的属性。 1. **基本遍历**: ```javascript var obj = {"age": 12, "name": "huangbiao", "sex": "boy"}; for (var index in obj) { ...

    JS遍历页面所有对象属性及实现方法

    首先,`for...in`循环是JavaScript中遍历对象属性的一种基本方式。在给出的示例中,我们创建了一个名为`myObject`的对象,并给它分配了三个属性:`sitename`, `siteurl`, 和 `sitecontent`。然后使用`for...in`循环...

    js遍历、动态的添加数据的小例子

    ### JavaScript遍历与动态添加数据知识点详解 #### 一、前言 JavaScript 是一种广泛使用的脚本语言,常用于Web前端开发。它提供了强大的对象操作能力,包括对象属性的遍历以及动态添加新属性等功能。本文将通过一...

Global site tag (gtag.js) - Google Analytics