`

遍历和添加json对象的属性 和 遍历普通js对象的属性

 
阅读更多

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("person中"+item+"的值="+person[item]);
 }

 

 

2.动态为 json对象 添加属性

需要 使用1中的 person对象

var copyPerson={}   //创建copyPerson对象,将person中的属性包括方法copy给该对象
 for(var item in person){
  copyPerson[item]= person[item];   //这样循环就可以将person中的属性包括方法copy到copyPerson中了
 }
 
 for(var item in copyPerson){
  alert("copyPerson中"+item+"的值="+person[item]);
 }

 

注意:使用 Ext.apply(copyPerson, person) 也可以将person中的所有属性包括方法 copy到 copyPerson中

 

3.遍历 普通js对象的 属性

 

//定义一个普通的js类,包含方法
 var p= function (){
  this.name= '李四';
  this.pass= '456';
  this.fn= function(){
   alert(this.name+"的密码="+this.pass);
  }
 
 }

 var pp= new p();   //生成一个p类的对象 pp
 
 for(var item in pp){
 
 //遍历pp对象中的属性,只显示出 非函数的 属性,注意不能 遍历 p这个类
  if(typeof(pp[item])== "function")
   continue;
  alert("p对象中"+item+"的属性="+pp[item]);
 }

 

普通的 js对象 也可以copy,copy方法和 2.动态为 json对象 添加属性 思路一样

分享到:
评论

相关推荐

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

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

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

    在JavaScript编程中,遍历JSON对象的属性和值是一项常见的任务,这有助于处理和操作数据。jQuery库提供了方便的方式来操作DOM以及处理JavaScript对象,包括JSON。以下是对标题和描述中所述知识点的详细解释: 1. **...

    java遍历JSON树

    接下来,我们来看如何遍历JSON对象。遍历的基本思路是从根节点开始,递归地访问每个子节点,直到所有节点都被访问为止。 ```java public static void decodeJSONObject(JSONObject json) { Iterator<String> keys ...

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

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

    遍历多级树状json获得父子节点值

    总之,遍历多级树状JSON是一个常见的编程挑战,通过理解和运用递归,我们可以有效地处理这类问题,获取我们需要的父子节点属性值。在实际开发中,这有助于我们解析和操作各种复杂的数据结构,实现功能丰富的应用程序...

    js遍历xml,json学习

    2. **遍历JSON**: - `for...in`循环:遍历对象的所有可枚举属性。例如:`for(let key in jsonObj) { console.log(key + ": " + jsonObj[key]); }` - `Object.keys()`:获取对象的所有属性名数组。例如:`let keys...

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

    使用 keys 方法获取该对象的属性和方法: function Pasta(grain, width, shape) { this.grain = grain; this.width = width; this.shape = shape; this.toString = function () { return (this.grain + ", " ...

    遍历json显示树形菜单

    总结来说,"遍历json显示树形菜单"这个任务涵盖了JSON解析、递归遍历和DOM操作等多个核心概念。理解和掌握这些技术对于任何前端开发者都是至关重要的。在实际开发中,可能还需要考虑性能优化、异步加载、用户交互等...

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

    遍历JSON对象通常使用`for...in`循环,它会迭代对象的所有可枚举属性。需要注意的是,`for...in`不仅会遍历对象本身的属性,还会遍历其原型链上的属性。 1. **基本遍历**: ```javascript var obj = {"age": 12, ...

    遍历JSON文件内容

    可以解析为`JsonNode`对象,这是Jackson库中的基础类型,可以用来遍历JSON结构。以下代码展示了如何做到这一点: ```java import com.fasterxml.jackson.databind.JsonNode; import ...

    比较json对象中的两个数组含有的相同元素,点击按钮输出新的数组

    假设我们有两个JSON对象,`obj1`和`obj2`,它们各自包含一个数组属性,如`arr1`和`arr2`: ```json { "obj1": { "arr1": ["元素1", "元素2", "元素3", "元素4"] }, "obj2": { "arr2": ["元素2", "元素4", ...

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

    在JavaScript中,遍历数组和对象是两种不同的操作,因为它们的数据结构和访问方式有所区别。数组是一种有序的元素集合,通常用于存储一系列数值或对象,而对象则是一种键值对的集合,常用于表示复杂的数据结构。 1....

    json转数组然后遍历

    在Web开发中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。在处理数据时,我们经常需要将JSON对象转换为数组,并对其...

    JS遍历Json字符串中键值对先转成JSON对象再遍历

    1、将Json字符串转换成JSON对象 var t='{firstName: cyra, lastName: richardson}'; var obj = eval('(' + t + ')'); 2、遍历读取键值对 for(var str in obj){ alert(str+'='+obj[str]); }

    JS 遍历 json 和 JQuery 遍历json操作完整示例

    在本篇文章中,我们将深入探讨如何使用 JavaScript 和 jQuery 来遍历和操作 JSON 对象。 首先,我们来看一下如何使用 JavaScript 原生语法来遍历 JSON 对象。在给出的示例中,我们创建了一个简单的 JSON 对象: ``...

    用于java对象与json对象间的相互转换(net.sf.json.JSONObject)

    - **遍历JSON对象**:你可以使用`keys()`方法获取所有键,然后遍历获取值,如`for (String key : jsonObject.keys()) { ... }`。 - **处理数组**:`JSONArray`是`JSONObject`的同胞,它用于处理JSON数组。两者可以...

    使用JQuery实现从JSON对象转换为form提交数据

    要将JSON对象转换为适合表单提交的数据格式,我们需要遍历JSON对象的键值对,构建一个字符串形式的URL编码参数。这可以通过遍历JSON对象并使用`$.param()`函数实现。`$.param()`是jQuery内部用于URL编码参数的方法...

Global site tag (gtag.js) - Google Analytics