【修真院Web小课堂】

对一个数组 filter、some、map、foreach的操作分别有什么作用？

开场语：

大家好，我是IT修真院上海分院第9期的学员王刚，一枚正直纯洁善良的前端程序员，今天给大家分享一下，修真院官网JS任务2，深度思考中的知识点——

对一个数组 filter、some、map、foreach的操作分别有什么作用？

（1）背景介绍：

使用JavaScript数组常常需要对数组进行遍历、迭代操作。而我们常用的就是for语句对数组进行迭代。 

然而在ECMAscript5已经为数组定义了5个迭代的方法，分别是：filter、some、map、foreach、every，下面我们讲讲它们的具体作用。

（2）知识剖析：

每个方法都接收两个参数：要在每一项上运行的函数和（可选）运行该函数的作用域对象， 传入这些方法中的函数接收三个参数，数组项的值，该项在数组中位置，和数组对象本身。根据方法不同，作用也不同

every（），对数组中每一项运行给定函数，如果该函数每一项都返回true，则返回true 

filter（），对数组中每一项运行给定函数，返回该函数会返回true的项组成的数组 

forEach（），对数组中每一项运行给定函数，没有返回值。 

map（），对数组中每一项运行给定函数，返回每次函数调用的结果组成的数组 

some（），对数组中每一项运行给定函数，如果函数对任意一项返回true，则返回true。 

以上方法都不会修改数组中的包含项

1. filter()是对数组中的每一项运行给定函数，返回该函数会返回true的项所组成的数组。 

2. map()是对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

3. forEach() 是多数组中的每一项运行给定函数，这个方法没有返回值。它只是对数组中的每一项运行传入的函数，没有返回值。本质上与使用for循环迭代数组一样。

4. every()是对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。 

5. some()是对数组中的每一项运行给定函数，如果该函数对任一项返回true，则返回true

（3）常见问题：

迭代和遍历、循环、递归有什么区别？

（4）解决方案：

循环（loop），指的是在满足条件的情况下，重复执行同一段代码。比如，while语句。 

循环能对应集合，列表，数组等，也能对执行代码进行操作。 

迭代（iterate），指的是按照某种顺序逐个访问列表中的每一项。比如，for语句。 

迭代只能对应集合，列表，数组等。不能对执行代码进行迭代。 

遍历（traversal），指的是按照一定的规则访问树形结构中的每个节点，而且每个节点都只访问一次。 

遍历同迭代一样，也不能对执行代码进行遍历。 

递归（recursion），指的是一个函数不断调用自身的行为。比如，以编程方式输出著名的斐波纳契数列。 

线性递归和尾递归。

（5）编码实战：

（6）拓展思考：

（7）参考文献：

1.JavaScript高级程序设计

2.head first JavaScript

（8）更多讨论：

讨论1：进行迭代操作原来的数组会发生变化么？

原来的数组不会发生变化，会生成一个新的数组存储函数运行之后的结果。

讨论2：foreach()和for循环之间的区别？

foreach是for循环的简化版本，foreach适用于循环次数未知，或者计算循环次数比较麻烦情况下使用效率更高，但是更为复杂的一些循环还是需要用到for循环效率更高。

讨论3：如何利用filter()实现去除数组中重复元素的功能？

（9）鸣谢：

感谢顾配如，周能师兄，此教程是在他们之前技术分享的基础上完善而成。

（10）结束语：

今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~