jquery.map()方法的使用详解方法的使用详解
本文给大家详细介绍了jQuery中的原型方法map的使用指南和源码分析，十分的不错，对于大家学习jQuery非常有帮助，这里推荐给大
家。
原型方法map跟each类似调用的是同名静态方法，只不过返回来的数据必须经过另一个原型方法pushStack方法处理之后才返回，源码如下：
map: function( callback ) {
return this.pushStack( jQuery.map(this, function( elem, i ) {
return callback.call( elem, i, elem );
}));
},
本文主要就是分析静态map方法至于pushStack在下一篇随笔里面分析；
首先了解下map的使用（手册内容）
$.map将一个数组中的元素转换到另一个数组中。
作为参数的转换函数会为每个数组元素调用，而且会给这个转换函数传递一个表示被转换的元素作为参数。
转换函数可以返回转换后的值、null（删除数组中的项目）或一个包含值的数组，并扩展至原始数组中。
参数
arrayOrObject,callbackArray/Object,FunctionV1.6
arrayOrObject:数组或者对象。
为每个数组元素调用，而且会给这个转换函数传递一个表示被转换的元素作为参数。
函数可返回任何值。
另外，此函数可设置为一个字符串，当设置为字符串时，将视为“lambda-form”（缩写形式？），其中 a 代表数组元素。
如“a * a”代表“function(a){ return a * a; }”。
示例1：
//将原数组中每个元素加 4 转换为一个新数组。
//jQuery 代码:
$.map( [0,1,2], function(n){
return n + 4;
});
//结果:
[4, 5, 6]
示例2：
//原数组中大于 0 的元素加 1 ，否则删除。
//jQuery 代码:
$.map( [0,1,2], function(n){
return n > 0 ? n + 1 : null;
});
//结果:
[2, 3]
示例3：
//原数组中每个元素扩展为一个包含其本身和其值加 1 的数组，并转换为一个新数组
//jQuery 代码:
$.map( [0,1,2], function(n){
return [ n, n + 1 ];
});
//结果:
[0, 1, 1, 2, 2, 3]
可以看出map方法跟each方法类似通过循环每个对象或者数组的“项”执行回调函数来实现对数组或者对象的操作，但是这两个方法也有很多不同点
比如each()返回的是原来的数组，并不会新创建一个数组，而map则会创建新的数组，；each遍历是this指向当前数组或对象值，map则指向window，因
为在源码中并不像each那样使用对象冒充；
例如：
var items = [1,2,3,4];
$.each(items, function() {
alert('this is ' + this);
});
var newItems = $.map(items, function(i) {
return i + 1;
});
// newItems is [2,3,4,5]
//使用each时，改变的还是原来的items数组，而使用map时，不改变items，只是新建一个新的数组。
var items = [0,1,2,3,4,5,6,7,8,9];
var itemsLessThanEqualFive = $.map(items, function(i) {
// removes all items > 5
if (i > 5)
return null;
return i;
});
// itemsLessThanEqualFive = [0,1,2,3,4,5]
评论0
最新资源