继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JavaScript中数组的方法

fireup
关注TA
已关注
手记 4
粉丝 10
获赞 97

最近在慕课网学习python这门简洁的语言,学到那些高阶函数的时候,突然想起之前学习js的时候里面也有和这些函数很类似的数组方法,索性就翻开js红宝书复习了一下,大家看看,可以参考。
ES5定义为数组定义了5个迭代方法,每个方法都接收来两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象----影响this的值,一般情况下,我们不用去管第二个参数。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身,下面,我们就一一来看看这些神奇的方法:

  1. 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

其实数组中还有很多有趣的方法可以帮助我们提高编程效率,,另,这是小弟第一次在慕课网发东西,这富文本编辑器不怎么会用啊,,还望大家多多包涵。

打开App,阅读手记
11人推荐
发表评论
随时随地看视频慕课网APP