`

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

    博客分类:
  • 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("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对象 添加属性 思路一样
分享到:
评论

相关推荐

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

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

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

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

    jquery遍历json对象集合详解

    接下来,我们将根据给定的文件信息,详细讲解如何使用jQuery遍历JSON对象集合。 首先,了解JSON对象的基本结构是非常重要的。一个JSON对象可以是一个简单的键值对集合,也可以是嵌套的复杂结构,其中键是字符串,值...

    JQuery遍历json数组的3种方法

    总结以上内容,我们可以看到,在使用jQuery遍历JSON数组或对象时,有多种方法可供选择。使用jQuery的$.each()方法是最简单直接的方式,而JavaScript原生的for循环提供了更多灵活性,可以根据具体需求选择合适的遍历...

    Jquery遍历json的两种数据结构[参照].pdf

    【jQuery遍历JSON的两种数据结构】 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和生成。在Web开发中,JSON常用于服务器与...

    Jquery遍历Json数据的方法

    掌握jQuery遍历JSON数据的方法,可大幅提高Web开发的效率,实现复杂数据结构在网页中的动态展示。 #### 6. 注意事项 在遍历JSON数据时,需要注意以下几点: - 确保在文档的`<head>`标签中引入了jQuery库。 - 遍历...

    jquery 动态遍历select 赋值的实例

    本文主要讲解了如何使用jQuery动态地遍历select元素,并为其赋值。这是一项非常实用的技术,尤其在动态网站开发中,经常会遇到需要根据不同的数据动态更新下拉列表选项的情况。 知识点一:遍历和选择select元素中的...

    Jquery遍历json的两种数据结构.pdf

    在JavaScript和jQuery中,遍历JSON数据、解析JSON字符串以及发送AJAX请求都是常见的操作。而在服务器端,Java等编程语言提供了丰富的库来处理JSON的序列化和反序列化。了解并熟练掌握JSON的使用,对于提升Web开发的...

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

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

    Jquery遍历json的两种数据结构借鉴.pdf

    Jquery遍历json的两种数据结构借鉴.pdf

    Jquery遍历json的两种数据结构.docx

    在jQuery中,遍历JSON数组的例子如下: ```javascript var arr = [{name: "john", lang: "js"}, {name: "nailwl", lang: "jquery"}, {name: "吴磊", lang: "ext"}]; $.each(arr, function(index, content) { alert...

    jQuery遍历json的方法分析

    本文将详细介绍jQuery遍历JSON数据的方法,并结合实例来分析相关技巧。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript的...

    JS动态遍历json中所有键值对的方法(不知道属性名的情况)

    下面介绍一种在不知道属性名的情况下遍历JSON对象的方法: ```javascript var jsonObj = {"55":"1","70":"0","80":"2","60":"2"}; // 使用for...in循环遍历JSON对象 for (var prop in jsonObj) { // 输出键和对应...

    jQuery遍历json的方法(推荐)

    首先,文档标题提到了“jQuery遍历json的方法”,这里指的是使用jQuery来处理从服务器接收的JSON格式数据。JSON是JavaScript Object Notation的缩写,它是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于...

    jQuery动态加载json数据.docx

    当数据返回时,使用`$.each`遍历JSON数组,为每条英雄数据创建一个新的表格行,并将数据填充到相应的单元格中,最后将新行添加到表格的`<tbody>`元素中。 总结来说,这个示例展示了如何利用jQuery、HTML5、CSS和...

Global site tag (gtag.js) - Google Analytics