jquery1.0 的$.map和$.merge方法详解

jQuery.extend({
map: function(elems, fn) {
		// If a string is passed in for the function, make a function
		// for it (a handy shortcut)
		if ( fn.constructor == String )
			fn = new Function("a","return " + fn);
//这里翻译成如果fn是字符串 fn = function(a){return a.fn}
		
		var result = [];
		
		// Go through the array, translating each of the items to their
		// new value (or values).
		for ( var i = 0; i < elems.length; i++ ) {
			var val = fn(elems[i],i);

			if ( val !== null && val != undefined ) {
				if ( val.constructor != Array ) val = [val];
				result = jQuery.merge( result, val );
			}
		}

		return result;
	},
})

map:n. 地图;天体图;示意图,分布图;染色体图;(非正式)面孔
v. 绘制地图;了解信息;计划;映现;映射;与……有关;确定基因在染色体中的位置
n. (Map) (美)马普(人名)
这里的elems还是必须要是类数组对象或者数组对象
map函数是生成一个数组对象[],里面保存的是fn返回的属性值,定义了fn的第一个参数为elems的属性值,第二个参数为属性名(0,1,2,3,4),而且这个函数要有返回值,把返回值添加到新数组中,就是把fn的返回值包装成新的数组对象
jQuery.map(elems,fn)就是把elems的子对象映射到新数组对象,fn(elems[i],i)执行函数的参数关联elems的属性值elems[i]和属性i

merge: function(first, second) {
		var result = [];
		
		// Move b over to the new array (this helps to avoid
		// StaticNodeList instances)
		for ( var k = 0; k < first.length; k++ )
			result[k] = first[k];
	
		// Now check for duplicates between a and b and only
		// add the unique items
		for ( var i = 0; i < second.length; i++ ) {
			var noCollision = true;
			
			// The collision-checking process
			for ( var j = 0; j < first.length; j++ )
				if ( second[i] == first[j] )
					noCollision = false;
				
			// If the item is unique, add it
			if ( noCollision )
				result.push( second[i] );
		}
	
		return result;
	}

merge:合并 融合
merge函数是合并两个对象,这两个对象要是类数组对象或者数组对象,就是对象的键是0,1,2,3
例如{0:1,2:2,3:3,length:3} [1,2,3,4]
1:先把first对象的属性值添加到result 新数组中,
2:然后遍历,用fisrt里每一个属性值和second的所有属性值进行比较,当first里的属性值和second的属性值相同,就不添加,
3:当first的属性值和second的属性值不同,就添加
总结:就是把fisrt的属性值添加到新数组中,然后把first和second的不同属性值添加到新数组,最后形成first合并second的属性值的新数组
用第一个对象去合并第二个对象,去掉第二个和第一个相同的属性值

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值