- 浏览: 49463 次
文章分类
最新评论
jquery对对象数组的遍历的两种方式
data:
[
{
"templateId":5,"policyTemplateName":"修",
"createTime":"2016-08-26 09:26:07"
},一个对象
{
"templateId":6,"policyTemplateName":"基本模板","createTime":"2016-08-26 01:46:28"
} 另外一个对象
]
对后台返回是上面格式的对象数组,jquery遍历分为两种情况,一种是遍历出对象后通过对象.属性的方式获取,一种是再对对象进行遍历,可以得到每个对象的k(policyTemplateName)和value(基本模板)值,
下面分别对两种情况的使用进行说明
第一种情况:
function(data) {
参数i:表示第几个对象
参数 obj:代表一个对象
$.each(data,function(i, obj) {
//获取对应字段的值
console.log(obj.obj.templateId);
console.log(obj.obj.policyTemplateName);
});
}
第二种情况:
function(data) {
参数i:表示第几个对象
参数 obj:代表一个对象
$.each(data,function(i, obj) {
//对对象obj进行再次遍历
参数k:代表对象的属性名称
参数v:代表对象的属性值
$.each(obj,function(k,v){
if(k=="policyTemplateName"){
console.log(v);
}
});
});
}
data:
[
{
"templateId":5,"policyTemplateName":"修",
"createTime":"2016-08-26 09:26:07"
},一个对象
{
"templateId":6,"policyTemplateName":"基本模板","createTime":"2016-08-26 01:46:28"
} 另外一个对象
]
对后台返回是上面格式的对象数组,jquery遍历分为两种情况,一种是遍历出对象后通过对象.属性的方式获取,一种是再对对象进行遍历,可以得到每个对象的k(policyTemplateName)和value(基本模板)值,
下面分别对两种情况的使用进行说明
第一种情况:
function(data) {
参数i:表示第几个对象
参数 obj:代表一个对象
$.each(data,function(i, obj) {
//获取对应字段的值
console.log(obj.obj.templateId);
console.log(obj.obj.policyTemplateName);
});
}
第二种情况:
function(data) {
参数i:表示第几个对象
参数 obj:代表一个对象
$.each(data,function(i, obj) {
//对对象obj进行再次遍历
参数k:代表对象的属性名称
参数v:代表对象的属性值
$.each(obj,function(k,v){
if(k=="policyTemplateName"){
console.log(v);
}
});
});
}
发表评论
-
validate自动校验
2016-09-23 15:32 1066<!DOCTYPE html> <html& ... -
jquery选择器总结
2016-09-22 10:59 496jQuery 的选择器可谓之强 ... -
网页选项卡的切换
2016-09-22 10:53 446<!DOCTYPE html> <html& ... -
JQuery的extend扩展
2016-09-18 15:23 435JQuery的extend扩展方法: Jquery ... -
jquery实现全选,全不选,反选效果
2016-09-13 15:41 440<!DOCTYPE html PUBLIC " ... -
jquery实现全选,全不选,反选效果
2016-09-13 15:40 0<!DOCTYPE HTML> <html& ... -
封装数据_方法
2016-08-26 17:30 500var simple_confNetwork={ in ... -
query,bootstrap在开发中使用的总结
2016-08-24 09:50 605当ajax请求返回的数据date如上面所显示,要达到下图所示的 ... -
select初始化操作
2016-08-23 15:54 790select 初始化值,option 的value是id,内容 ... -
select初始化操作
2016-08-23 15:50 0select 初始化值,option 的value是id,内容 ... -
bootstrap日期插件daterangepicker的使用
2016-08-22 10:59 921今天用的了bootstrap日期插件感觉搜索的资料不是很多在此 ... -
Jquery选择器
2016-08-19 10:08 651JQuery: 一:入门 二:选择器 三:DOM操作 四:事件 ... -
Vue.js 60 分钟快速入门
2016-08-19 09:20 546Vue.js介绍 Vue.js是当下很火的一个JavaScr ... -
Java构造和解析Json数据的两种方法详解一
2016-08-18 13:01 428在www.json.org上公布了很多JAVA下的json ... -
HTML5时钟
2016-08-18 12:31 518本示例使用HTML5的canvas标签和Javascript脚 ... -
同步更新input中的内容
2016-08-16 14:15 538HTML: <div class="form ... -
JQuery验证
2016-08-16 09:46 518js-----> var table = in ... -
jQuery.Validate验证库的使用
2016-08-15 16:24 503一、用前必备 转载:http://www.cnblogs.c ...
相关推荐
Array literals 是一种创建对象的方式,其本质是一个对象,但可以像数组一样使用。例如:`var a = {x: "cat", y: "sunny"}; alert(a["y"]); // 弹出 "sunny"` 4. **数组元素的操作** - 读写元素:通过 `数组[下标...
$.each()是jQuery提供的一种遍历方法,用于迭代数组或对象。在遍历JSON数组时,通常会配合回调函数来使用。回调函数有两个参数:第一个是数组的索引或对象的键名,第二个是数组的值或对象的键值。以下是一个使用$....
`grep()`是jQuery中的一个函数,专门用于数组或类数组对象的过滤操作。它允许开发者定义一个函数,根据函数的返回值决定是否保留数组中的元素。`grep()`函数至少需要两个参数:第一个是要过滤的数组,第二个是过滤...
1.jquery grep()筛选遍历数组(可以得到反转的数组) // 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArray = $.grep(array,(currentValue) => { ...
本文实例讲述了PHP数组遍历的几种常见方式。分享给大家供大家参考,具体如下: 1、使用for循环遍历数组 conut($arr);用于统计数组元素的个数。 for循环只能用于遍历,纯索引数组!!!! 如果存在关联数组,count...
在处理数据集合时,如对象、数组和集合,jQuery提供了多种遍历方法,本文将详细介绍如何使用jQuery来遍历这些数据结构,并提供实例代码进行演示。 首先,我们来看如何遍历对象。在Web开发中,经常需要处理由服务器...
在使用jQuery进行数组遍历的过程中,我们有时需要在遇到特定条件时跳出当前的循环,以便继续执行循环之外的代码,或者转到下一个循环的迭代。为了达成这一目的,我们需要了解jQuery的$.each()方法提供了哪些机制来...
jQuery中的$.each()方法主要用于遍历数组或对象。它提供了一种方便的方式来执行数组中的每个元素或对象的每个属性。$.each()方法是jQuery的核心扩展之一,可以用来替代原生JavaScript中的for循环来处理数组或对象。 ...
这个函数提供了两种主要的用法,分别针对对象和数组。 1. **遍历对象(有附加参数)**: 在遍历对象时,`$.each` 接收两个参数:一个对象和一个回调函数。回调函数内部,`this` 指向当前遍历的属性值,而 `p1` 和 `...
在JavaScript中,数组遍历是常见的操作,有多种方法可以实现,例如`forEach()`和`jQuery.each()`。本文将详细探讨这两个方法在遇到`return false`时的不同行为,并提供一些解决策略。 首先,让我们来看看`jQuery....
标题中提到的“jquery...通过本文的实例演示,读者应该对如何在jQuery中使用map函数遍历数组有了更深入的理解,并且掌握了一个自定义数组遍历函数的实现方法,这对在日常开发中处理数组数据提供了更多的灵活性和选择。
示例中展示了两种方法,一种是嵌套的`for...in`循环,另一种是通过迭代JSON对象的属性来构建字符串。 6. **JQuery选择器**: jQuery的选择器用于在DOM中查找特定的元素。例如,`$('#id')` 选择ID为指定值的元素,`...
在本文中,我们将深入探讨jQuery的DOM对象事件处理、隐藏显示功能以及如何操作对象数组。jQuery作为一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得Web开发更加便捷。 首先,让...
首先,我们要知道index方法通常有两种使用方式。第一种方式是不带参数,返回的是当前jQuery对象在同级元素中的位置索引,索引计数从0开始。第二种方式是传入一个特定的元素或者选择器字符串作为参数,此时返回的是...
jQuery是一个快速、小巧且功能丰富的JavaScript库,它通过提供一种简洁的DOM操作方法来简化HTML文档遍历和操作、事件处理、动画和Ajax交互。在Web开发中,对数组进行操作是一个非常常见的需求,而jQuery提供的grep...
通过将`d1`转换成jQuery对象,我们可以利用`.each()`方法对数组中的每个元素进行遍历,并通过`alert`弹出其`text`和`value`属性的值。 接下来,我们看看不使用jQuery,即使用原生JavaScript来遍历JSON数组的方法。...
在开发实际应用时,$.each() 方法提供了一种简洁、高效的方式来进行数组遍历。与传统的for循环相比,$.each() 方法更加直观,代码的可读性更高。另外,jQuery的 $.each() 方法在内部进行了优化,性能方面也表现良好...