Jquery $.map使用方法实例详解
$.map() 函数用于使用指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回。
注意:
1. 在jQuery 1.6 之前,该函数只支持遍历数组;从 1.6 开始,该函数也支持遍历对象。
2. map()还会为函数传入两个参数:其一是当前迭代的元素或属性值,其二是当前迭代项的数组索引或对象属性名。
3. 该函数返回值将作为结果数组中的一个元素,如果返回值为null或undefined,则不会被添加到结果数组中。
$.map(data,function(item,index){return XXX})
遍历data数组中的每个元素,并按照return中的计算方式 形成一个新的元素,放入返回的数组中
var b = $.map( [55,1,2], function( item,index ) { return { "label": item, "value": index }}); alert(b[0].label +" "+ b[0].value);
[55,1,2]是一个数组,按照return的条件,,,,function 中的item,为55时,index也就是数组的下标就为0
$.map()括号中就相当于一个循环
循环多条数据,把数据定义为b
var array = [0, 1, 52, 97]; array = $.map(array, function(a, index) { return [a - 45, index]; });
输出为:
[-45, 0, -44, 1, 7, 2, 52, 3]
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
通过点击按钮来请求WebService.asmx的 GetList()方法,获取泛型集合。2010-03-03jquery ajax后台返回list,前台用jquery遍历list的实现
下面小编就为大家带来一篇jquery ajax后台返回list,前台用jquery遍历list的实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-10jQuery前端框架easyui使用Dialog时bug处理
本文介绍了在jQuery前端框架easyui开发UI时,使用Dialog时发现遮罩无法覆盖页面内容,而且对话框也显示不出来,经过一番研究,才发现问题所在,这里分享给大家,有相同情况的小伙伴可以参考下2014-12-12
最新评论