最近在慕课网学习python这门简洁的语言,学到那些高阶函数的时候,突然想起之前学习js的时候里面也有和这些函数很类似的数组方法,索性就翻开js红宝书复习了一下,大家看看,可以参考。
ES5定义为数组定义了5个迭代方法,每个方法都接收来两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象----影响this的值,一般情况下,我们不用去管第二个参数。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身,下面,我们就一一来看看这些神奇的方法:
-
every()
对数组的每一项运行给定函数,如果该函数对每一项都返回true,则返回true,示例代码: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
2.some()
对数组的每一项运行给定函数,如果该函数任一项都返回true,则返回true,示例代码:var numbers = [1,2,3,4,5,4,3,2,1]; var someResult = numbers.some(function(item,index,array){ return (item > 2)}) alert(someResult); // true
3.filter()
该方法对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组
var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter(function(item,index,array){
return (item > 2);
})
alert(filterResult); //[3,4,5,4,3]
4.forEach()
对数组中的每一项运行给定函数。没有返回值,如下:
var numbers = [1,2,3,4,5,4,3,2,1];
numbers.forEach(function(item,index,array){
//执行某些操作
})
5.map()
对数组的每一项运行给定函数,返回每次函数调用的结果组成的数组。示例代码:
var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter(function(item,index,array){
return item * 2;
})
alert(filterResult); //[2,4,6,8,10,8,6,4,2]
另外,ES5还增加了两个归并数组的方法:reduce()、reduceRight()。这两个方法都会迭代数组的所有项,然后构建一个最终的返回值。其中,reduce()方法从数组的第一项开始,逐个遍历到最后,而reduceRight()方法则正好相反
这两个方法都接收两个参数,一个必选参数:一个在每一项上调用的函数。一个可选参数归并基础的初始值。
必选参数的函数接收四个参数:前一个值,当前值,项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上,因此,第一个参数是数组的第一项,第二个参数就是数组的第二项。
利用归并方法可以很方便的求数组中所有值的和,这点和python的reduce函数极其相似:
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev,cur,index,array){
return prev + cur;
})
alert(sum); //15
其实数组中还有很多有趣的方法可以帮助我们提高编程效率,,另,这是小弟第一次在慕课网发东西,这富文本编辑器不怎么会用啊,,还望大家多多包涵。