JS数组迭代方法

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

运行的函数会接受三个参数: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 > 0);
})
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()

对数组的每一项运行给定函数,返回该函数会返回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];
        var mapResult = numbers.map(function(item,index,array){
            return item*2;
        })
        console.log(mapResult);  //[2,4,6,8,10,8,6,4,2]

·forEach( )

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

相关阅读更多精彩内容

  • ES5为数组定义了5个迭代的方法: 运行的函数会接受三个参数:1)数组项的值 2)该项在数组中的位置 3)数组对象...
    Mars_宏阅读 3,496评论 1 3
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,906评论 0 4
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 4,847评论 0 1
  • 检测数组 对于一个网页,或者一个全局作用域而言,使用 instanceof 操作符就能得到满意的结果: 支持 Ar...
    林深鹿影阅读 3,290评论 0 0
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,739评论 0 21

友情链接更多精彩内容