迭代方法

ES5为数组定义了5个迭代的方法。每个方法都接收两个参数:

要在每一项上运行的函数

运行该函数的作用域对象--影响this的值 可选

运行的函数会接受三个参数:1.数组项的值 2.该项在数组中的位置 3.数组对象本身。

·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);
    })
    console.log(everyResult);  //false

·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);
    })
    console.log(someResult);  //true

·filter() 

对数组的每一项运行给定函数,返回每次函数调用的结果组成的数组

var numbers = [1,2,3,4,5,4,3,2,1];
    var mapResult = numbers.map(function(item,index,array){
        return item*2;
    })
    console.log(mapResult);  //[2,4,6,8,10,8,6,4,2]

·forEach()

对数组的每一项运行给定函数,返回该函数会返回true的项组成的数组

var numbers = [1,2,3,4,5,4,3,2,1];
    var filterResult = numbers.filter(function(item,index,array){
        return (item > 2);
    })
    console.log(filterResult);  //[3,4,5,4,3]

·map()

对数组的每一项运行给定函数。该方法没有返回值

var numbers = [1,2,3,4,5,4,3,2,1];
    numbers.forEach(function(item,index,array){
        console.log(item); //代码块
    })
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ECMAScript 5 为数组定义了 5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)...
    alex夏夜阅读 388评论 0 0
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,622评论 0 4
  • 前面写过一篇文章是关于js遍历数据的,这段时间看一篇关于JavaScript中的迭代方法感觉不错也挺实用的,给大家...
    hunter97阅读 383评论 0 0
  • ES5为数组定义了5个迭代的方法。每个方法都接收两个参数:1)要在每一项上运行的函数2)运行该函数的作用域对象--...
    h5溧水大表哥阅读 384评论 1 2
  • ES5为数组定义了5个迭代的方法: 运行的函数会接受三个参数:1)数组项的值 2)该项在数组中的位置 3)数组对象...
    Mars_宏阅读 558评论 1 3

友情链接更多精彩内容