js中的filter方法和map方法

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

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

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

filter方法的使用：

对应的结果:

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

结果如下:

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

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

map方法的使用:

结果如下:

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

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

结果如下:

最后总结:

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

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

原文地址：http://blog.51cto.com/11871779/2126561

时间： 2024-10-28 15:56:42

js中的filter方法和map方法的相关文章

JS中的call()方法和apply()方法用法总结

JS中的call()方法和apply()方法用法总结 : 参考 : https://blog.csdn.net/ganyingxie123456/article/details/70855586 原文地址:https://www.cnblogs.com/wfblog/p/9169026.html

一.定义和用法splice() 方法用于插入.删除或替换数组的元素.语法arrayObject.splice(index,howmany,element1,.....,elementX)参数描述index必需.规定从何处添加/删除元素.该参数是开始插入和(或)删除的数组元素的下标,必须是数字.howmany必需.规定应该删除多少元素.必须是数字,但可以是 "0".如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素.element1 可选.规定要添加到数组的新元素.从

js中的splice方法和slice方法简单总结

slice(start,end): 参数: start:开始位置的索引 end:结束位置的索引(但不包含该索引位置的元素) 例如: splice具有删除,插入,替换的功能 =================================================================== 1:删除的功能 splice(index,count) 参数: index:开始位置的索引 count:要删除元素的个数返回:返回的是包含被删除元素的数组对象例如: 结果: 2:插入功能

[转] JS中的call()方法和apply()方法用法总结

//例1 <script> window.color = 'red'; document.color = 'yellow'; var s1 = {color: 'blue' }; function changeColor(){ console.log(this.color); } changeColor.call(); //red (默认传递参数) changeColor.call(window); //red changeColor.call(document); //yellow chan

JavaScript中的apply()方法和call()方法使用介绍

javascript中apply和call方法的作用及区别说明 call和apply的说明 call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例(就是每个方法)都有call,apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了,这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同. 语法:foo.call(this, arg1,arg

Mapper类/Reducer类中的setup方法和cleanup方法以及run方法的介绍

在hadoop的源码中,基类Mapper类和Reducer类中都是只包含四个方法:setup方法,cleanup方法,run方法,map方法.如下所示: 其方法的调用方式是在run方法中,如下所示: 可以看出,在run方法中调用了上面的三个方法:setup方法,map方法,cleanup方法.其中setup方法和cleanup方法默认是不做任何操作,且它们只被执行一次.但是setup方法一般会在map函数之前执行一些准备工作,如作业的一些配置信息等:cleanup方法则是在map方法运行完之后最

Java8新特性(一)_interface中的static方法和default方法

为什么要单独写个Java8新特性,一个原因是我目前所在的公司用的是jdk8,并且框架中用了大量的Java8的新特性,如上篇文章写到的stream方法进行过滤map集合.stream方法就是接口Collection中的default方法.所以准备专门写写关于java8新特性的文章,虽然现在10已经发布了.但还是要认真的去了解下新版本的变化. static方法 java8中为接口新增了一项功能:定义一个或者更多个静态方法.用法和普通的static方法一样. 代码示例 public interface

Android中的Sqlite中的onCreate方法和onUpgrade方法的执行时机

今天在做数据库升级的时候,遇到一个问题,就是onCreate方法和onUpgrade方法的执行时机的问题,这个当时在操作的时候,没有弄清楚,很是迷糊,所以写代码的时候出现了很多的问题,所以没办法就去扒源代码看了.不过在此之前我讲解过一篇关于数据库升级的文章,但是那里没有详细的讲解一下这两个方法的执行时机,所以这里就在单独说一下关于数据库升级的文章:http://blog.csdn.net/jiangwei0910410003/article/details/39670813 不多说,下面直接进

Hibernate中Session.get()方法和load()方法的详细比较（转）

一.get方法和load方法的简易理解 (1)get()方法直接返回实体类,如果查不到数据则返回null.load()会返回一个实体代理对象(当前这个对象可以自动转化为实体对象),但当代理对象被调用时,如果没有数据不存在,就会抛出个org.hibernate.ObjectNotFoundException异常 (2)load先到缓存(session缓存/二级缓存)中去查,如果没有则返回一个代理对象(不马上到DB中去找),等后面使用这个代理对象操作的时候,才到DB中查询,这就是我们常说的 load