• 技术文章 >web前端 >js教程

    JavaScript数组的5种迭代方法实例详解

    黄舟黄舟2017-10-02 09:44:53原创689
    这篇文章主要为大家详细介绍了JavaScript数组的5种迭代方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和(可选的)运行该函数的作用域对象--影响this的值。//其中(可选的)这个参数暂时未遇到过。

    其中,函数都接收三个参数(数组中的每一项、每一项的索引值、数组对象本身)。

    下面是5中方法的介绍:

    every() : 对数组中的每一项执行函数,如果每一项都返回 true ,则该方法返回 true。

    some(): 对数组中的每一项执行函数,只要有一项返回了 true ,则该方法返回 true。

    filter(): 对数组中的每一项执行函数,把里面返回 true 的项,组成一个数组返回。

    forEach() 对数组中的每一项执行函数,没有返回值。类似于for循环。

    map() 对数组中的每一项执行函数,返回(处理后的)每一项。

    以上5种方法,都不会改变数组本身。

    forEach和map的比较:


      var arr = [1,2,3,4,5];
      //every() filter() some() forEach() map()
      var res = arr.every(function(i,index,o){
        return i>2;
      });
      console.log(arr); //[1,2,3,4,5]
      console.log(res); //false
    
      var some = arr.some(function (i, k, l) {
        return i>2;
      });
      console.log(arr);//[1,2,3,4,5]
      console.log(some);//true
    
      var filter = arr.filter(function (i, k, l) {
        return i>2;
      });
      console.log(arr);//[1,2,3,4,5]
      console.log(filter);//[3,4,5]
    
      var forEach = arr.forEach(function (i, k, l) {
        return i>2;
      });
      console.log(arr);//[1,2,3,4,5]
      console.log(forEach);//undefined
    
      var map = arr.map(function (i, k, l) {
        return i>2;
      });
      console.log(arr);//[1,2,3,4,5]
      console.log(map);//[false,false,true,true,true]

    以上就是JavaScript数组的5种迭代方法实例详解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:JavaScript js 实例
    上一篇:JavaScript实现缓冲运动框架的实例 下一篇:JavaScript前端数据多条件筛选的功能实现详解
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 什么是闭包?聊聊javascript中闭包,看看闭包有哪些作用?• JavaScript常见的Number对象汇总• 深入了解React中的任务调度算法• JavaScript原型与原型链知识点详解• 总结分享了解nodejs的几个关键节点
    1/1

    PHP中文网