0

0

JavaScript数组怎么遍历_JavaScript数组遍历方法for循环forEach详细教程

星夢妙者

星夢妙者

发布时间:2025-11-05 14:56:02

|

161人浏览过

|

来源于php中文网

原创

for循环适合需控制索引或提前终止的场景,性能高;forEach则写法简洁、可读性强,适用于简单遍历。两者选择取决于是否需跳出循环、代码风格及性能要求。

javascript数组怎么遍历_javascript数组遍历方法for循环foreach详细教程

JavaScript数组的遍历是开发中非常基础且常用的操作。掌握不同的遍历方式,能让你在处理数据时更高效、代码更清晰。本文将详细介绍两种最常用的数组遍历方法:for循环和forEach,帮助你理解它们的用法、区别以及适用场景。

for循环遍历数组

for循环是最传统、性能较高的遍历方式,适用于大多数场景,尤其在需要控制索引或提前终止循环时非常实用。

基本语法如下:

for (let i = 0; i < array.length; i++) {
  // 访问 array[i]
}

示例:

立即学习Java免费学习笔记(深入)”;

const fruits = ['苹果', '香蕉', '橙子'];
for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}
// 输出:
// 苹果
// 香蕉
// 橙子

特点:

  • 可以直接访问索引 i,适合需要索引的场景
  • 可以使用 break 中断循环,continue 跳过当前项
  • 性能高,适合大数组处理

forEach方法遍历数组

forEach() 是数组内置的方法,语法更简洁,语义更明确,适合不需要中断遍历的场景。

基本语法:

Munch
Munch

AI营销分析工具,长视频中提取出最具吸引力的短片

下载
array.forEach(function(item, index, arr) {
  // item: 当前元素
  // index: 当前索引(可选)
  // arr: 原数组(可选)
});

示例:

立即学习Java免费学习笔记(深入)”;

const colors = ['红', '绿', '蓝'];
colors.forEach(function(color, index) {
  console.log(index + ': ' + color);
});
// 输出:
// 0: 红
// 1: 绿
// 2: 蓝

也可以使用箭头函数简化:

colors.forEach((color, index) => {
  console.log(`${index} - ${color}`);
});

特点:

  • 写法简洁,可读性强
  • 自动传入元素、索引和原数组,无需手动管理i
  • 不能使用 break 或 continue,想跳出只能抛出异常(不推荐)
  • 不修改原数组,但可以在回调中操作元素

for循环与forEach如何选择?

两者各有优势,选择取决于具体需求:

  • 如果你需要中途跳出循环(比如找到某个值就停止),用 for 循环更合适
  • 如果只是简单地处理每个元素,forEach 更清晰优雅
  • 对性能要求极高或数组很大时,for 循环通常更快
  • 在函数式编程风格中,forEach 更符合“声明式”理念

基本上就这些。for循环灵活可控,forEach简洁易读。根据实际场景选择合适的方式,能让代码更高效也更易维护。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

117

2025.12.04

java中break的作用
java中break的作用

本专题整合了java中break的用法教程,阅读专题下面的文章了解更多详细内容。

119

2025.10.15

java break和continue
java break和continue

本专题整合了java break和continue的区别相关内容,阅读专题下面的文章了解更多详细内容。

258

2025.10.24

java break和continue
java break和continue

本专题整合了java break和continue的区别相关内容,阅读专题下面的文章了解更多详细内容。

258

2025.10.24

python print用法与作用
python print用法与作用

本专题整合了python print的用法、作用、函数功能相关内容,阅读专题下面的文章了解更多详细教程。

1

2026.02.03

python源码大全
python源码大全

本专题整合了python源码相关内容合集,阅读专题下面的文章了解更多详细内容。

1

2026.02.03

python 解包
python 解包

本专题整合了python解包的概念、操作方法等等内容,阅读专题下面的文章了解更多详细教程。

2

2026.02.03

Python 序列化
Python 序列化

本专题整合了python序列化、反序列化相关内容,阅读专题下面的文章了解更多详细内容。

12

2026.02.02

AO3官网入口与中文阅读设置 AO3网页版使用与访问
AO3官网入口与中文阅读设置 AO3网页版使用与访问

本专题围绕 Archive of Our Own(AO3)官网入口展开,系统整理 AO3 最新可用官网地址、网页版访问方式、正确打开链接的方法,并详细讲解 AO3 中文界面设置、阅读语言切换及基础使用流程,帮助用户稳定访问 AO3 官网,高效完成中文阅读与作品浏览。

206

2026.02.02

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
ASP 教程
ASP 教程

共34课时 | 4.4万人学习

SQL 教程
SQL 教程

共61课时 | 3.7万人学习

CSS教程
CSS教程

共754课时 | 26.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号