0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

怎样在JavaScript中使用循环结构

454398 来源:工程师吴畏 2019-07-31 17:23 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

循环结构是用于执行重复任务的代码的一部分,例如重复执行测试或计算。本质上,JavaScript中有三种基本类型的循环结构,这些结构包括以下内容:

JavaScript

for loop

while循环

do while循环

每个循环结构都执行重复性任务,但控制循环的方法因循环类型而异。

for循环

当必须执行任务的次数(称为迭代)时,可以使用for循环结构。当一个条件成立时,while循环的两个版本将执行一个任务或一组任务。以下代码片段演示并编写我的论文很简单。请注意,变量i的变量声明包含在循环定义(var i = 0)中,该声明指示解释器在内存中创建一个区域来存储数据并使用标签i引用该区域。这个特定的循环只是为循环的每次迭代显示变量i的值,并继续进行100次迭代。

预定长度的循环

1for (var i=0;i《100;i++){

2 document.write(i);

3}

程序员必须满足三个条件才能创建成功的循环结构;这些条件是:

建立控制变量

修改控制变量

测试控制变量

for循环在循环定义语句中满足这些条件。在上面的模块中,声明变量i建立控制变量,i 《100条件建立控制变量的测试。动作i ++通过指示JavaScript解释器在循环的每次迭代后递增变量来修改控制变量。

因此,当解释器到达for循环时,JavaScript解释器将创建变量i,将变量设置为0,然后执行循环中包含的指令。在这种情况下,指令使解释器显示变量i的值。

显示变量后,JavaScript解释器将变量i的值增加1或增加变量,按照循环定义中包含的i ++动作的指示。在递增i的值之后,JavaScript解释器将检查i的值以确定循环是否应该运行另一次迭代或退出循环。如果变量i的值小于100,则JavaScript解释器将执行另一次迭代的循环操作。如果该值等于100,则JavaScript解释器将退出循环并继续执行后面的指令(如果有)。

预测试循环

预测试循环是一种循环结构,其中解释器在执行循环指令的迭代之前测试控制变量的值。 while循环结构符合预测试循环的条件,如以下代码片段所示:

1var i=100;

2 while (i《100) {

3 document.write(i);

4 i++;

5 }

以上演示while循环说明了while循环的性能。循环的指令执行与先前定义的forloop相同的操作,除了程序员明确指示解释器递增控制变量,如循环代码块中的语句i ++所示。另请注意,在循环开始之前声明并初始化控制变量。这是必要的步骤,因为否则控制变量的竞争在测试之前是未知的,结果将是不可预测的。

while循环将运行零次或多次,因为JavaScript解释器将测试控件在运行循环代码的第一次迭代之前的变量。如果测试失败,则解释器将退出循环而不运行任何迭代。

测试后循环

最终循环结构是测试后循环。预测试循环和测试后循环之间的区别在于测试后循环在执行循环指令后测试控制变量。这意味着在后测试循环结构中,指令将至少运行一次,而预测试循环则不然。下面说明的do-while结构是测试后循环的一个例子。

1 var i;

2 do {

3 document.write(i);

4 i++;

5 while(i《100);

6 }

前面的例子就是这样的例子。程序员可以通过多种方式改变基本循环结构的编码,常数值和动态测试可用于控制,当然循环执行的指令因程序而异。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • javascript
    +关注

    关注

    0

    文章

    525

    浏览量

    55983
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    C语言的分支结构介绍

    1.简单if语句 C语言中的分支结构语句中的if条件语句。 简单if语句的基本结构如下: 代码语言:javascript if(表达式) { 执行代码块; } 其语义是:如果表达式的值为真,则执行其后的语句,否则不执
    发表于 11-25 07:48

    结构化布线中使用电缆标签的4个主要优势

    带来诸多显著的优势。本文将深入探讨结构化布线中使用电缆标签的4个主要优势,帮助读者更好地理解这一细节的重要性。 提高布线系统的可管理性 清晰标识电缆用途 复杂的布线系统中,各种电缆
    的头像 发表于 11-24 10:34 160次阅读

    控制结构介绍

    1. 顺序结构:按照代码的书写顺序,逐行执行程序。这是最基本的程序结构。 2. 选择结构:根据条件判断的结果,选择执行不同的代码块。常见的选择结构有if语句和switch语句。 3
    发表于 11-24 06:43

    人工智能行业如何使用for循环语句进行循环

    人工智能行业可以使用以下是关于for循环不同编程语言中的基本用法说明: Python中的for循环: 主要用于遍历序列(列表、元组、字符串等) 典型结构:for item in se
    的头像 发表于 09-10 12:55 390次阅读

    一个串口上位机,采用生产消费结构,但是消费循环运行跟不上生产循环,到时最终输出支持不了高频率传输。如何优化

    报文拆分是生产者,和校验与是消费者。两个vi放入并行循环。生产者vi主体结构是一个while循环加条件判断停止循环,消费者vi结构是一个fo
    发表于 06-11 09:26

    FX3为什么无法Windows中使用Gstreamer?

    我正在开发 FX3,我可以 Linux 和 Windows 中使用 y8 格式的 ffmpeg 流式传输相机, Linux 中使用 y8 格式的 Gstreamer,但我无法
    发表于 05-29 06:59

    技术干货驿站 ▏深入理解C语言:嵌套循环循环控制的底层原理

    多重循环,还是控制循环的执行流程,掌握这些知识都将为你的编程之路打下坚实的基础。嵌套循环C语言中,循环语句可以嵌套使用,即在一个
    的头像 发表于 02-21 18:26 1036次阅读
    技术干货驿站  ▏深入理解C语言:嵌套<b class='flag-5'>循环</b>与<b class='flag-5'>循环</b>控制的底层原理

    JavaScript与Rust和WebAssembly集成

    偶然一次机会,接触了Rust的代码。当时想给团队小伙伴做演示,发现自己并不能在移动端按照文档生成演示demo。我就想,要是Rust代码能转化成JavaScript就好了。结果一搜,还真有。
    的头像 发表于 01-24 15:43 795次阅读
    <b class='flag-5'>JavaScript</b>与Rust和WebAssembly集成

    可靠性温度循环试验至少需要几个循环

    温度循环作为自然环境的模拟,可以考核产品不同环境条件下的适应能力,常用于产品开发阶段的型式试验、元器件的筛选试验。一、温度循环测试介绍温度循环
    的头像 发表于 01-23 15:26 986次阅读
    可靠性温度<b class='flag-5'>循环</b>试验至少需要几个<b class='flag-5'>循环</b>?

    SciChart—高性能的JavaScript图表和图形库

    使用 SciChart 的 JavaScript 图表库为您的 JS 应用程序发现终极解决方案。 使用 WebGL 创建动态、高速的图表和图形,非常适合实时处理复杂的数据可视化。使用我们强大而灵活
    的头像 发表于 01-22 10:15 2525次阅读
    SciChart—高性能的<b class='flag-5'>JavaScript</b>图表和图形库

    Spire.XLS for JavaScript——多功能JavaScript电子表格库(一)

    Spire.XLS for JavaScript 是一款专为开发人员设计的 JavaScript Excel 工具库,支持在任何 JavaScript 环境下直接创建、读取、编辑和转换 Excel
    的头像 发表于 01-21 09:29 794次阅读
    Spire.XLS for <b class='flag-5'>JavaScript</b>——多功能<b class='flag-5'>JavaScript</b>电子表格库(一)

    Simcenter Micred Power Tester功率循环测试仪

    SimcenterMicredPowertester?SimcenterMicredPowertester可将有效功率循环测试与瞬态热特性分析和热结构研究相结合。安装设备时执行无损结构
    的头像 发表于 01-09 14:33 1275次阅读
    Simcenter Micred Power Tester功率<b class='flag-5'>循环</b>测试仪

    javascript:void(0) 是否影响SEO优化

    GoogleBot)解析网页时,会尝试理解每个链接的目的和指向。然而,当爬虫遇到 javascript:void(0) 这样的伪URL时,它无法确定这个链接的真实意图或指向的具体内容。因此,这样的链接
    的头像 发表于 12-31 16:08 976次阅读

    javascript:void(0) 的作用是什么

    javascript:void(0) HTML 和 JavaScript 中是一个常见的表达式,主要用来创建一个无操作的链接(通常是 标签)或者阻止默认事件处理。具体来说,它的作用有以下几点
    的头像 发表于 12-31 15:55 4043次阅读

    深入理解C语言:循环语句的应用与优化技巧

    程序设计中,我们常常需要重复执行某一段代码。为了提高效率和简化代码,循环语句应运而生。C语言作为一门经典的编程语言,提供了多种循环控制结构,帮助程序员高效地实现重复操作。掌握
    的头像 发表于 12-07 01:11 1059次阅读
    深入理解C语言:<b class='flag-5'>循环</b>语句的应用与优化技巧