Jquery $.map使用方法实例详解

150 阅读 0 评论 99 点赞

我是靠谱客的博主搞怪水杯，最近开发中收集的这篇文章主要介绍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 $.map使用方法实例详解的全部内容，希望文章能够帮你解决Jquery $.map使用方法实例详解所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。