为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript中数组的方法

标签:
Html5 JavaScript

最近在慕课网学习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

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

点击查看更多内容
11人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消