讲师中心 微信公众号
AI工具推荐 视频效率加速

掌握 JavaScript 中的循环:综合指南

云宇酱_5257

云宇酱_5257

发布时间:2024-11-01 09:39:12

|

983人浏览过

|

来源于dev.to

转载

掌握 javascript 中的循环:综合指南

循环是编程的基础:使我们能够用最少的代码执行重复性任务。无论您是刚刚入门的初学者,还是希望精炼知识的经验丰富的开发人员,理解循环都将大大增强您编写高效、干净且有趣的代码的能力。

在本指南中,我们将深入研究不同类型的循环、它们在流行编程语言中的语法,以及有关何时以及如何有效使用它们的一些提示。

什么是循环?

循环是一种编程结构/函数,它允许我们重复一组指令,直到满足特定条件。通过使用循环,我们可以避免重复、处理大型数据集并有效地机械化任务。 javascript 中使用循环来根据条件执行重复任务,此条件通常返回 true 或 false。

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

常见用例包括:

  • 迭代列表或数组
  • 运行代码一定次数
  • 搜索集合中的特定项目
  • 执行某个操作,直到满足条件

循环类型

  1. for 循环
  2. while 循环
  3. do-while 循环
  4. for...of 循环
  5. for...in 循环
  6. 嵌套循环

大多数编程语言中通常存在三种主要类型的循环:

  1. for 循环
  2. while 循环
  3. do-while 循环

让我们来分解一下每种类型。

  1. for 循环

当您预先知道需要执行一段代码多少次时,可以使用 for 循环,它非常适合迭代数组或集合。

语法(javascript 示例):

示例1:

for i in range(5);
    print("hello, world!");

在此示例中,range(5) 生成一个从 0 到 4 的序列。循环将运行五次,打印“hello, world!”每次。

示例2:

for(let i = 0; i <= 10; i++) {
    console.log(i);
}

在此示例中,它指出;如果等于 0 的 i 小于或等于 10,则令 i = 0;增量(i++)。这个 javascript 运算符(++)将返回原始值并循环直到 10。

示例3:

for(let i = 0; i <= 10; i++) {
    console.log(`for loop number: ${i}`);
}

此示例实际上与前面的示例相同,不同之处在于使用美元符号 ($) 和反引号来提供将文本“for loop number”添加到循环的功能。

示例 4:

for (let i = 20; i >= 0; i--){
    console.log(i)
}

在此示例中,它指出,令 i = 20;如果 i 大于或等于 0 则减量。自减运算将数字减 1,它使用 --operator。

何时使用:

当您知道确切的迭代次数或需要迭代列表、字典或数组中的元素时,请使用 for 循环。

  1. while 循环

当事先不知道迭代次数时,使用 while 循环。相反,循环将继续下去,直到不再满足指定的条件。 while 循环的不同之处在于您在外部设置变量。

语法(javascript 示例):

示例1:

let i = 0;
while(i < 10){
console.log(`for while number: ${i}`);

i++;
}

在这个例子中可以看出变量是在外部设置的,它声明let i = 0;如果 i 小于 10 增量(i++),则使用美元符号($)和反引号来配置文本“for while loop”。

python学习
python学习

Python 编程学习助手 skill,面向零基础用户。 当用户表达以下意图时触发: - 学习 Python 基础概念(变量、数据类型、循环、函数、类等) - 请求 Python 练习题或测验 - 请求审查或调试 Python 代码 - 请求 Python 项目实战指导(爬虫、数据分析、Web 开发等入门项目) - 泛化表述如"教我 Python""我想学编程""Python 怎么写""帮我学 Python" 此 skill

下载

示例2:

let johnpaul = 0;
while(johnpaul < 5) {
console.log("hello, world!");
johnpaul++;
}

在此示例中,代码将变量 johnpaul 初始化为 0,并使用 while 循环打印“hello, world!”直到约翰保罗满 5 岁。

何时使用:

当迭代次数未知或取决于循环内可能发生变化的条件时,请使用 while 循环。它通常用于需要持续检查的任务,例如等待用户输入。

  1. do-while 循环

do-while 循环与 while 循环类似,但它保证循环内的代码在测试条件之前至少运行一次。这种类型的循环并非在所有语言(例如 python)中都可用,但在 javascript、c 和 java 中很常见。

语法(javascript 示例):

示例1:

let jude = 0;
do {
     console.log("hello world!");
     jude++;
} while  (jude < 5); 

在这种情况下,“你好,世界!”将在评估条件 (jude < 5) 之前打印一次。

示例2:

let number = 1;
do {
    console.log("current number is: " + number);
    number++;
} while (number <= 5);

在此示例中,数字初始化/等于 1。然后运行 ​​do 块,打印“当前数字是:”,后跟数字的值。打印后,number 增加 1 只要条件(number <= 5)为真,这个循环就会持续下去。与 while 循环不同,do-while 循环确保 do bock 内的代码至少执行一次,无论条件的初始值如何。

何时使用:

当无论条件如何都需要循环体至少执行一次时,请使用 do-while 循环。对于在循环内进行初始化的任务非常有用。

选择正确的循环

  • for 循环:当您知道确切的迭代次数或需要
    迭代元素。

  • while 循环:当迭代次数未知且取决于
    时 状况。

  • do-while 循环:当您希望循环体之前至少执行一次时,即使条件最初为 false。

循环控制:中断和继续

在大多数编程语言中,都有控制语句来管理循环执行:

  • break:立即退出循环。
  • 继续:跳过当前迭代并移至下一个迭代。

示例:

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break; // Stops the loop when i is 5
    } else if (i % 2 === 0) {
        continue; // Skips even numbers
    }
}

说明:

  • 循环从 0 迭代到 9。
  • 当 i 为 5 时,break 停止循环。
  • 如果 i 是偶数,则继续跳到下一次迭代而不打印。
  • 仅打印 5 以下的奇数。

循环的常见错误

  1. 无限循环:当循环的退出条件永远不会
    时,就会发生这种情况 遇见了。例如忘记在 while 循环中增加计数器。

  2. 差一错误:当范围不
    时,经常发生在for循环中 设置正确。

  3. 不必要的循环:使用优化操作或内置函数可以提高效率的循环。

最佳实践

  • 使用描述性变量:使用 i、a 或 b 等通用名称,
    尽管不是描述性的,但也算数。而是使用描述性变量名称
    如果可能的话,比如 john、main、count、jude、johnpaul 等,
    特别是对于嵌套循环。

  • 考虑性能:在大型数据库上运行的循环可能会减慢
    程序。寻找优化,例如数组
    中的列表推导式 javascript 中的方法。

结论

循环是编程中必不可少的工具,使您能够自动执行重复任务并轻松处理复杂的数据库。通过掌握 for、while 和 do-while 循环,您将能够应对各种编码挑战。

希望这有帮助!如果您希望我添加具体的细节或示例,请告诉我,如果您在运行代码时遇到任何困难/问题,请向我询问,我很乐意提供帮助。

编码快乐!

热门AI工具

更多
UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6104

2023.10.24

Go语言中的运算符有哪些
Go语言中的运算符有哪些

Go语言中的运算符有:1、加法运算符;2、减法运算符;3、乘法运算符;4、除法运算符;5、取余运算符;6、比较运算符;7、位运算符;8、按位与运算符;9、按位或运算符;10、按位异或运算符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3004

2024.02.23

php三元运算符用法
php三元运算符用法

本专题整合了php三元运算符相关教程,阅读专题下面的文章了解更多详细内容。

1792

2025.10.17

counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3248

2023.11.20

while的用法
while的用法

while的用法是“while 条件: 代码块”,条件是一个表达式,当条件为真时,执行代码块,然后再次判断条件是否为真,如果为真则继续执行代码块,直到条件为假为止。本专题为大家提供while相关的文章、下载、课程内容,供大家免费下载体验。

354

2023.09.25

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

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

2800

2025.10.15

java break和continue
java break和continue

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

787

2025.10.24

数据库三范式
数据库三范式

数据库三范式是一种设计规范,用于规范化关系型数据库中的数据结构,它通过消除冗余数据、提高数据库性能和数据一致性,提供了一种有效的数据库设计方法。本专题提供数据库三范式相关的文章、下载和课程。

2785

2023.06.29

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

0

2026.10.22

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Uvicorn官方安装与入门手册
Uvicorn官方安装与入门手册

共0课时 | 0人学习

Python uv官方项目管理指南
Python uv官方项目管理指南

共0课时 | 0人学习

Python uv官方安装与入门文档
Python uv官方安装与入门文档

共0课时 | 0人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn