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

 

 

大家好，我是IT修真院武汉分院第13期学员，一枚正直善良的web程序员。

 

今天给大家分享一下：

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

 

 

　　ES5定义了五个迭代方法，每个方法都接收两个参数：要在每一项上运行的函数和运行该函数的作用域对象（可选的），作用域对象将影响this的值。传入这些方法中的函数会接收三个参数：数组的项的值、该项在数组中的位置和数组对象本身。

1.every() 和 some()

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

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

every()和some()很相似，他们都用于查询数组中的项是否满足某个条件，对every()来说，传入的函数必须对每一项都返回true，这个方法才返回true；否则，则返回false。而some()方法则只要传入的函数对数组中的某一项返回true，就会返回true。例如：

<span style="color:#000066">var numbers=[1,2,3,4,5,4,3,2,1];

  var everyResult=numbers.every(function(item,index,array){

return (item>2);

});

alert(everyResult);//false

var someResult=numbers.some(function(item,index,array){

return (item>2);

});

alert(someResult);//true</span>

 

 

以上代码调用了every()和some(),传入的函数只要给定项大于2就会返回true。对于every()，它返回的是false，因为只有部分数组符合条件 ; 而对于some()，结果就是true，因为至少有一项是大于2的。

 

2.filter()

filter()是对数组中的每一项运行给定函数，返回该函数会返回true的项所组成的数组。它利用指定的函数确定是否在返回的数组中包含某一项。例如：

<span style="color:#000066">var numbers=[1,2,3,4,5,4,3,2,1];

var filterResult=numbers.filter(function(item,index,array){

return (item>2);

});

alter(filterResult); //[3,4,5,4,3];</span>

 

 

此例子中，传入的函数要返回一个所有数值都大于2的数组，通过调用filter()方法创建并返回了包含3/4/5/4/3的数组，因为传入的函数对它们的每一项都返回true。这个方法对查询符合某些条件的所有数组项非常有用。

3.map()

map()是对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。这个数组的每一项都是在原始数据中的对应项上运行传入函数的结果，例如：

<span style="color:#000066">var numbers=[1,2,3,4,5,4,3,2,1];

  var mapResult=numbers.map(function(item,index,array){

return item*2;

});

alert(mapResult); //[2,4,6,8,10,8,6,4,2]</span>

 

 

 

以上代码返回的数组中包含每个数乘以2之后的结果，这个方法适合创建包含的项与另一个数组一一对应的数组。

4.forEach()

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

<span style="color:#000066">var numbers=[1,2,3,4,5,4,3,2,1];

numbers.forEach(function(iterm,index,array){

//执行某些操作

});</span>

问题1：forEach()  这个方法 跟for循环有什么相同的地方，有什么不同的地方？

答：foreach有的也叫增强for循环，foreach其实是for循环的一个特殊简化版。
再说一下foreach的书写格式：

　　　　　for（元素类型  元素名称 ： 遍历数组（集合）（或者能进行迭代的））{
　　　　　　语句
　　　　　}
　　foreach虽然是for循环的简化版本，但是并不是说foreach就比for更好用，foreach适用于循环次数未知，或者计算循环次数比较麻烦情况下使用效率更高，但是更为复杂的一些循环还是需要用到for循环效率更高。

问题2.every（）和some（）这两个方法区别在哪里？

答：every()与some()方法都是JS中数组的迭代方法。every()是对数组中的每一项运行给定函数，如果该函数对每一项返回true,则返回true。some()是对数组中每一项运行指定函数，如果该函数对任一项返回true，则返回true。
可以看到，some方法是碰到一个返回true的值时候就返回了，并没有继续往下运行，而every也一样，第一个值就是一个false,所以后面也没有进行下去的必要了，就直接返回结果了。

问题3：JS中迭代和遍历有什么区别?

答：迭代：
1、自己调用自己的方法，或者称递归。这个应该不用多说。
2、还有一种解释：很多程序有迭代器。这是一种用于“遍历”数组的工具对象。一般遍历一个数组都是使用循环变量从0到最后一个，或者使用链表遍历量表中内容。使用迭代器可以不关注数组的具体实现方式，遍历数组中所有成员。
遍历：
对数据结构中每一个成员都进行一次访问的操作就是遍历。比如遍历列表。最为常见得问题是遍历树，遍历树的常见方法有：先序/中序/后序，或者按照另一个纬度划分有，广度遍历和深度遍历。相关具体算法可以查找其他资料。

 

 

 

总结：这些数组方法通过执行不同的操作可以大大方便处理数组的任务，支持这些迭代方法的浏览器有IE9+、Firfox2+、Safari3+、Opera9.5、Chrome。

 

 

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

技能树-IT修真院

IT修真院是一个免费的线上IT技术学习平台 。

每个职业以15个左右的task为初学者提供更快速高效的学习方式 ；

所有task均是从真实项目中提炼出来的技能点，

强调实战演练+自学优先+师兄辅导的学习方式，

严格的日报体系，欢乐的交流讨论学习气氛，更有无数师兄师姐帮你解疑