【JavaScript】数组遍历 - forEach、map、filter、reduce、some、every

news/2025/2/25 0:56:32/文章来源:https://www.cnblogs.com/johnny-yan/p/18735223

JavaScript 提供了多种数组遍历方法,以下是常见的几种方法:

  1. forEach:遍历数组中的每个元素,并执行指定的回调函数,没有返回值。
array.forEach((element, index, array) => {// do something
})
示例:打印数组中的每个元素
const array = [1, 2, 3, 4, 5]
array.forEach(item => {console.log(item) // 1 2 3 4 5
})
  1. map:遍历数组中的每个元素,并执行指定的回调函数,返回一个新数组。
const newArray = array.map((element, index, array) => {// 返回处理后的结果
})
示例:原数组的每一项乘以 2
const array = [1, 2, 3, 4, 5]
const newArray = array.map(item => item * 2)
console.log(newArray) // [2, 4, 6, 8, 10]
  1. filter:根据指定的条件过滤数组中的元素,返回一个新数组,新数组只包含满足条件的元素。
const resultArray = array.filter((element, index, array) => {// 返回满足判断条件的元素
})
示例:过滤数组中的偶数
const array = [1, 2, 3, 4, 5]
const resultArray = array.filter(item => item % 2 === 0)
console.log(resultArray) // [2, 4]
  1. reduce:对数组中的每个元素依次执行指定的回调函数,将其结果汇总为单个返回值。
const result = array.reduce((accumulator, currentValue, currentIndex, array) => {// 返回累积的结果
}, initialValue)
示例:数组求和
const array = [1, 2, 3, 4, 5]
const sum = array.reduce((accumulator, currentValue) => accumulator + currentValue, 5) // 初始值为 5
console.log(sum) // 20
const array = [1, 2, 3, 4, 5]
const sum = array.reduce((accumulator, currentValue) => accumulator + currentValue) // 不指定初始值,则从数组的第一个元素开始累加
console.log(sum) // 15
  1. some:用于判断数组中是否存在满足条件的元素,返回一个布尔值。
const result = array.some((element, index, array) => {// 返回判断结果
})
示例:判断数组中是否存在大于 5 的元素
const array = [6, 0, 2, 5, 9]
const result = array.some(item => item > 5)
console.log(result) // true
  1. every:用于判断数组中是否所有元素都满足条件,返回一个布尔值。
const result = array.every((element, index, array) => {// 返回判断结果
})
示例:判断数组中是否所有元素都大于 5
const array = [6, 0, 2, 5, 9]
const result = array.every(item => item > 5)
console.log(result) // false
  1. find:用于查找数组中满足条件的第一个元素,返回该元素,如果没有找到满足条件的元素,则返回 undefined。
const result = array.find((element, index, array) => {// 返回判断结果
})
示例:查找数组中第一个大于 5 的元素
const array = [0, 6, 2, 5, 9]
const result = array.find(item => item > 5)
console.log(result) // 6
  1. findIndex:用于查找数组中满足条件的第一个元素的索引,返回该索引,如果没有找到满足条件的元素,则返回 -1。
const result = array.findIndex((element, index, array) => {// 返回判断结果
})
示例:查找数组中第一个大于 5 的元素的索引
const array = [0, 6, 2, 5, 9]
const result = array.findIndex(item => item > 5)
console.log(result) // 1

关于数组的遍历方法就介绍到这里了,希望对大家有所帮助。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/889281.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决Docker连接XQuartz报错

背景 打开XQuartz,在桌面右上角菜单栏中的XQuartz偏好设置中的安全性中启用 "允许从网络客户端连接",并重启XQuartz生效,后续操作中要保持XQuartz为打开状态,不要退出XQuartz报错内容: root@9b90039a4d17:~# ros2 run turtlesim turtlesim_node Authorization r…

MySQL的四种事务隔离级别

一.MySQL四大隔离级别 事务隔离级别 1.读未提交 (Read Uncommitted) 允许一个事务读取另一个事务未提交的数据。 2.读已提交 (Read Committed) 一个事务只能读取另一个事务已经提交的数据。 3.可重复读 (Repeatable Read) 保证在一个事务内多次读取同一数据时,其结果是一致的。…

持续分享干货!清华出品《DeepSeek如何赋能职场》PDF可下载

🔥今天分享的是清华出品《DeepSeek如何赋能职场》的PPT,内容涵盖了DeepSeek运行模式的讲解,如何向DeepSeek提问,如何构建提示词,结合实际多个实际应用场景,详细的介绍了DeepSeek结合其他多模态AI模型持续赋能职场的方法。提示词框架如何使用DeepSeek制作可视化图表如何使…

「跟着渡一学前端」并发请求实现

学习资源 并发请求 【渡一教育】 完整代码 function concurRequest(urls, maxNum) {if (urls.length === 0) {return Promise.resolve([]);}return new Promise((resolve) => {let nextIndex = 0;let finishCount = 0;const result = [];async function _request() {if (nex…

软工作业1

作业相关信息这个作业属于哪个课程 软件工程 这个作业要求在哪里 自我介绍+软工5问 这个作业的目标 自我介绍,了解软件工程基本概念个人介绍 Im YiLaiL YiLaiL/YiLaiL is a ✨ special ✨ repository because its README.md (this file) appears on your GitHub profile.🔭 …

EmEdit设置缓存目录临时文件夹

前言全局说明一、说明 1.1 环境: Windows 11 家庭版 23H2 22631.3737 EmEditor Professional (64-bit) Version 17.2.4二、打开大文本控制器三、点击右边大文本控制器上 自定义四、选择比较大的磁盘空间作为缓存空间免责声明:本号所涉及内容仅供安全研究与教学使用,如出现其他…

谈谈 ES 6.8 到 7.10 的功能变迁(3)- 查询方法篇

上一篇咱们了解了 ES 7.10 相较于 ES 6.8 新增的字段类型,这一篇我们继续了解新增的查询方法。 Interval 间隔查询: 功能介绍 Interval 查询,词项间距查询,可以根据匹配词项的顺序、间距和接近度对文档进行排名。主要解决的查询场景“创建一个多搜索词匹配的查询,同时保留…

【蓝牙小程序】在微信小程序中使用 ECharts

echarts-for-weixin 项目提供了一个小程序组件,用这种方式可以方便地使用 ECharts。 使用方式下载该项目 如有必要,将 ec-canvas 目录下的 echarts.js 替换为最新版的 ECharts。如果希望减小包体积大小,可以使用自定义构建生成并替换 echarts.js pages 目录下是使用的示例文…

Virtual Box设置双网卡

一、硬件 1.为虚拟机添加网卡2.配置网卡二、软件 3.获取mac地址 命令:ip link [root@vbox network-scripts]# ip link 1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN mode DEFAULT group default qlen 1000link/loopback 00:00:00:00:00:00 brd…

简单逆向Java程序

前置 来源 这个程序是我同学编写的一个学生分数管理系统,我将对这个已经编译的程序进行测试、逆向,找出其中的问题,并进行改进。 运行环境macOS 15.4 IntelliJ IDEA 2024.2.3 OpenJDK 23.0.2 TomCat 11.0.4 Safari 15.4运行结果主要问题 在使用了这个程序之后,我发现了以下…

信息论概述

1 信息与消息 1.1 信息 1.1.1 信息的定义 信息是信息论中最基本、最重要的概念 香农信息的定义:信息是事物运动状态或存在方式的不确定描述 1.1.2 (香农)信息的度量样本空间:对于我们需要描述的事物中,事物可能存在不同的状态,即事物展现出来的多种状态。那么为了便于形容事…

JUC并发—12.ThreadLocal源码分析

大纲 1.ThreadLocal的特点介绍 2.ThreadLocal的使用案例 3.ThreadLocal的内部结构 4.ThreadLocal的核心方法源码 5.ThreadLocalMap的核心方法源码 6.ThreadLocalMap的原理总结1.ThreadLocal的特点介绍 (1)ThreadLocal的注释说明 (2)ThreadLocal的常用方法 (3)ThreadLocal的使用…