JavaScript数组的迭代方法(every、filter、forEach、map和some)

2024-03-12 09:18

本文主要是介绍JavaScript数组的迭代方法(every、filter、forEach、map和some),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

ES5 中为数组定义了 5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响 this 的值。

传入这些方法中的函数接收三个参数:数组项的值、该项在数组中的位置(索引)和数组对象本身。

这 5 个方法都不会修改原数组中包含的值。


every ( ) 和 some ( )

every ( ) 和 some ( ) 是一对功能比较相近的函数,他们用于查询数组中的项是否满足某个条件。
every ( ) : 对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回 true。
some ( ) : 对数组中的每一项运行给定函数,如果该函数对任一项返回 true,则返回 true。

例如:

var nums = [1, 2, 3, 4, 5, 4, 3, 2, 1];var everyResult = nums.every(function(item, index, array){return (item > 2);
});var someResult = nums.some(function(item, index, array){return (item > 2);
});alert(everyResult)  // false
alert(someResult)   // true

filter ( )

filter ( ) 方法利用指定的函数确定是否存在返回的数组中包含某一项。filter 是过滤器的意思,这个方法也可以理解为对数组过滤,返回符合指定函数要求的数组项组成的数组。

例如:

var filterResult = nums.filter(function(item, index, array){// 返回满足条件的项return (item > 2);
})
alert(filterResult) // 3,4,5,4,3

map ( )

map ( ) 方法也返回一个数组,数组中的每一项都是在原始数组中的对应项上运行传入函数的结果。

这个方法适合创建包含的项与另一个数组一一对应的数组。

例如:

var mapResult = nums.map(function(item, index, array){return item * 2;
})
alert(mapResult)    // 2,4,6,8,10,8,6,4,2

forEach ( )

forEach ( ) 方法只是对数组中的每一项运行传入的函数,这个方法没有返回值。 本质上与使用 for 循环迭代一样。

例如:

nums.forEach(function(item, index, array){// 不会改变原数组item *= 2;
})
alert(nums)	// 1,2,3,4,5,4,3,2,1nums.forEach(function(item, index, array){// 可以改变原数组array[index] *= 2;
})
alert(nums)	// 2,4,6,8,10,8,6,4,2

全部代码

var nums = [1, 2, 3, 4, 5, 4, 3, 2, 1]var everyResult = nums.every(function(item, index, array){return (item > 2);
})var someResult = nums.some(function(item, index, array){return (item > 2);
})var filterResult = nums.filter(function(item, index, array){return (item > 2);
})var mapResult = nums.map(function(item, index, array){return item * 2;
})nums.forEach(function(item, index, array){// item *= 2;array[index] *= 2;
})alert(everyResult)  // false
alert(someResult)   // true
alert(filterResult) // 3,4,5,4,3
alert(mapResult)    // 2,4,6,8,10,8,6,4,2
alert(nums)         // 2,4,6,8,10,8,6,4,2

这篇关于JavaScript数组的迭代方法(every、filter、forEach、map和some)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/800795

相关文章

MySQL查询JSON数组字段包含特定字符串的方法

《MySQL查询JSON数组字段包含特定字符串的方法》在MySQL数据库中,当某个字段存储的是JSON数组,需要查询数组中包含特定字符串的记录时传统的LIKE语句无法直接使用,下面小编就为大家介绍两种... 目录问题背景解决方案对比1. 精确匹配方案(推荐)2. 模糊匹配方案参数化查询示例使用场景建议性能优

Java设计模式---迭代器模式(Iterator)解读

《Java设计模式---迭代器模式(Iterator)解读》:本文主要介绍Java设计模式---迭代器模式(Iterator),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录1、迭代器(Iterator)1.1、结构1.2、常用方法1.3、本质1、解耦集合与遍历逻辑2、统一

Java内存分配与JVM参数详解(推荐)

《Java内存分配与JVM参数详解(推荐)》本文详解JVM内存结构与参数调整,涵盖堆分代、元空间、GC选择及优化策略,帮助开发者提升性能、避免内存泄漏,本文给大家介绍Java内存分配与JVM参数详解,... 目录引言JVM内存结构JVM参数概述堆内存分配年轻代与老年代调整堆内存大小调整年轻代与老年代比例元空

深度解析Java DTO(最新推荐)

《深度解析JavaDTO(最新推荐)》DTO(DataTransferObject)是一种用于在不同层(如Controller层、Service层)之间传输数据的对象设计模式,其核心目的是封装数据,... 目录一、什么是DTO?DTO的核心特点:二、为什么需要DTO?(对比Entity)三、实际应用场景解析

Java 线程安全与 volatile与单例模式问题及解决方案

《Java线程安全与volatile与单例模式问题及解决方案》文章主要讲解线程安全问题的五个成因(调度随机、变量修改、非原子操作、内存可见性、指令重排序)及解决方案,强调使用volatile关键字... 目录什么是线程安全线程安全问题的产生与解决方案线程的调度是随机的多个线程对同一个变量进行修改线程的修改操

关于集合与数组转换实现方法

《关于集合与数组转换实现方法》:本文主要介绍关于集合与数组转换实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、Arrays.asList()1.1、方法作用1.2、内部实现1.3、修改元素的影响1.4、注意事项2、list.toArray()2.1、方

从原理到实战深入理解Java 断言assert

《从原理到实战深入理解Java断言assert》本文深入解析Java断言机制,涵盖语法、工作原理、启用方式及与异常的区别,推荐用于开发阶段的条件检查与状态验证,并强调生产环境应使用参数验证工具类替代... 目录深入理解 Java 断言(assert):从原理到实战引言:为什么需要断言?一、断言基础1.1 语

深度解析Java项目中包和包之间的联系

《深度解析Java项目中包和包之间的联系》文章浏览阅读850次,点赞13次,收藏8次。本文详细介绍了Java分层架构中的几个关键包:DTO、Controller、Service和Mapper。_jav... 目录前言一、各大包1.DTO1.1、DTO的核心用途1.2. DTO与实体类(Entity)的区别1

Java中的雪花算法Snowflake解析与实践技巧

《Java中的雪花算法Snowflake解析与实践技巧》本文解析了雪花算法的原理、Java实现及生产实践,涵盖ID结构、位运算技巧、时钟回拨处理、WorkerId分配等关键点,并探讨了百度UidGen... 目录一、雪花算法核心原理1.1 算法起源1.2 ID结构详解1.3 核心特性二、Java实现解析2.

Python中注释使用方法举例详解

《Python中注释使用方法举例详解》在Python编程语言中注释是必不可少的一部分,它有助于提高代码的可读性和维护性,:本文主要介绍Python中注释使用方法的相关资料,需要的朋友可以参考下... 目录一、前言二、什么是注释?示例:三、单行注释语法:以 China编程# 开头,后面的内容为注释内容示例:示例:四