您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

javascript中map和filter的区别

原生js中数组可以直接通过map(),filter()函数来进行一次操作,他们分别是做一次统一映射,和一次过滤。说的更通俗一点,就是map函数之后,数组元素个数不变,但是按照一定的条件转换,数组元素发生了变化。filter函数之后,数组元素个数可能发生了改变,但是数组元素不会发生改变。

下面通过示例说明一下这两个方法的用法。

map(function(item,index){

return func(item);

});

filter(function(item,index){

return func(item);

}):

示例中,给定一个数组,var arr = [“abc”,“aaa”,“bcd”],通过map函数,我们将他们转大写,然后通过filter函数,将A开头的留下。

$(function(){	    
	var arr = ["abc","aaa","bcd"];
	console.log(arr);
	arr = arr.map(function(item,index){
	   console.log(item,index);
	   return String.prototype.toUpperCase.call(item);
	});
	console.log(arr);
	arr = arr.filter(function(item,index){
		console.log(item,index);
		return String.prototype.startsWith.call(item,"A");
	});
	console.log(arr);
});

运行结果,如下:

map,filter函数均有两个参数item,index分别是数组元素的值和索引,我们一般对item进行转换。

另外,jQuery也提供了map,filter方法,用法和原生的map,filter类似,只不过index,item参数位置和原生正好相反。

$(function(){	    
	var arr = ["abc","aaa","bcd"];
	arr = $(arr).map(function(index,item){
		console.log(index,item);
		return String.prototype.toUpperCase.call(item);
	}).filter(function(index,item){
		console.log(index,item);
		return String.prototype.startsWith.call(item,"A");
	});
	console.log(arr);
	arr = $.makeArray(arr);
	console.log(arr);
});

运行结果如下:

map,filter方法都会对数组所有元素进行一次转换。


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进