js中的filter方法和map方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中的filter方法和map方法相关的知识,希望对你有一定的参考价值。

filter方法是对数据中的元素进行过滤,也就是说是不能修改原数组中的数据,只能读取原数组中的数据,callback需要返回布尔值

为true的时候,对应的元素留下来,

为false的时候,对应的元素过滤掉

filter方法的使用:

技术分享图片

对应的结果:

技术分享图片

如果我们尝试对原数组中的元素进行修改,会有什么效果了?

技术分享图片

结果如下:

技术分享图片

会发现数据不会发生改变的。

也就是说:filter方法是对原数组的元素进行过滤,返回到一个新的数组中去。不影响原始的数组。

map方法的使用:

技术分享图片

结果如下:

技术分享图片

所以:map方法是可以原数组中的元素进行处理、修改等操作,然后返回一个新的数组对象。


那如果map方法做过滤的操作是个什么效果?

技术分享图片

结果如下:

技术分享图片

最后总结:

filter方法是对原数组进行过滤筛选,产生一个新的数组对象

map方法对元素中的元素进行加工处理,产生一个新的数组对象。


以上是关于js中的filter方法和map方法的主要内容,如果未能解决你的问题,请参考以下文章

js中的fliter(),map(),forEach()方法

数组方法map和forEach的使用方法有哪些?

js中map,forEach,filter,reduce等方法是ECMAScript5 Array新增方法

js中的数组方法

JS之JQ的map/reduce/filter/sort/reverse

map、foreach、reduce、filters的用法及区别