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

2024-10-23 09:18:55

昨天因为公司的一个需求，所以就研究了一下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对象属性的查询和设置] 可以通过点(.) 或方括号([]) 运算符来获取属性的值.运算符左侧应当是一个表达式,它返回一个对象.对于点(.)来说,右侧必须是一个以属性名称命名的简单标识符.对于方括号([])来说,方括号里必须是一个计算结果为字符串的表达式,这个字符串就是属性的名字: <script type="text/javascript"> var author = book.author; //得到book的"author"属性 var na
JS克隆，属性，数组，对象，函数实例分析

本文实例讲述了JS克隆,属性,数组,对象,函数.分享给大家供大家参考,具体如下: <script type="text/javascript"> /* 克隆原型得到对象 */ function clone(object) { function F() {} F.prototype = object; return new F; } var Person = { name: 'default name', getName: function() { return this.n
js中遍历对象的属性和值的方法

实例如下: var Statistics_Website_logo ={ 'Website_logo_title':'学而思', 'Website_logo_Theme':'教育行业', 'Website_logo_Company':'好未来' }; for (var Key in Statistics_Website_logo){ Websitelogo =Websitelogo+'&'+''+Key+'='+Statistics_Website_logo[Key]+''; } 以上这篇js中
jquery动态遍历Json对象的属性和值的方法

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
JS实现给对象动态添加属性的方法

本文实例讲述了JS实现给对象动态添加属性的方法.分享给大家供大家参考,具体如下: 在工作用要用到给jd对象动态添加属性的要求,在网上找到了一种解决方式,实例如下: 1.demo var aa="maker"; var bb=123; var lists={}; eval("lists."+aa+"="+bb); eval('('+"lists."+aa+"="+bb+')'); console.log(li
js基础之DOM中document对象的常用属性方法详解

-----引入每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 属性 1 document.anchors 返回对文档中所有 Anchor 对象的引用.还有document.links/document.forms/document.images等 2 document.URL 返回当前文档的url 3 document.title 返回当前文档的标题 4 do
遍历js中对象的属性和值的实例

今天优化项目时,遇到了关于"遍历js中对象的属性和值"的需求.之所以会有这个需求,是因为要做一个局部刷新表格内容的js插件.刚开始我去网上荡了一个js分页插件,但是智商实在捉急,搞了半天没搞出来!后来就怒了,干脆自己写一个好了.结果就遇到了这个问题! 问题:通过遍历属性名数组,获取对象的属性值失败刚开始的错误代码如下: for(var i=0;i<dataList.length;i++) { var dataLine="<tr>"; for(va
JS动态给对象添加属性和值的实现方法

如下所示: var obj={}; for(var i=0;i<10;i++){ eval("obj.p"+i+"="+i); } 以上就是小编为大家带来的JS动态给对象添加属性和值的实现方法全部内容了,希望大家多多支持我们~
基于js对象,操作属性、方法详解

一,概述在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascript中,已经存在一些标准的类,例如Date.Array.RegExp.String.Math.Number等等,这为我们编程提供了许多方便.但对于复杂的客户端程序而言,这些还远远不够. 与Java不同,Java2提供给我们的标准类很多,基本上满足了我们的编程需求,但是Javascript提供的标准类很
浅谈JS读取DOM对象(标签)的自定义属性

DOM对象对于js来说,是个很基础的元素,我们写js一般来说,都一定会对它进行操作.我们可以很方便地给它加上自定义的属性,比如: <div id="test" class="hello"></div> var test = document.getElementById("test"); test.adang = "adang"; alert(test.adang); 我们会发现,已经给这个id为tes
js基础之DOM中元素对象的属性方法详解

在 HTML DOM (文档对象模型)中,每个部分都是节点. 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点. 文档是一个文档节点 . 所有的HTML元素都是元素节点所有 HTML 属性都是属性节点文本插入到 HTML 元素是文本节点注释是注释节点. 最基本的节点类型是Node类型,其他所有类型都继承自Node,DOM操作往往是js中开销最大的部分,因而NodeList导致的问题最多.要注意:NodeList是'动态的',
JS对象是否拥有某属性如何判断

JS对象是否拥有某属性两种方式,但稍有区别 1,in 运算符 var obj = {name:'jack'}; alert('name' in obj); // --> true alert('toString' in obj); // --> true 可看到无论是name,还是原形链上的toString,都能检测到返回true. 2,hasOwnProperty 方法 var obj = {name:'jack'}; obj.hasOwnProperty('name'); // --&

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

相关推荐

随机推荐