百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

js中while循环语句

itomcoil 2025-03-13 16:35 5 浏览

循环语句(loop)

- 通过循环语句可以让一段代码反复的执行多次

- 循环语句主要两种:

while语句(while循环)

do-while语句

for语句(for循环)


while语句:

- 语法:

while(条件表达式){

语句...

}

- 执行流程:

while语句在执行时,会先对while后的条件表达式进行求值判断,

如果为false,则语句直接结束

如果为true,则执行while后的代码块(循环体),

执行完毕继续对条件表达式进行求值判断,

以此类推,直到条件表达式为false,循环结束



// 像这种条件表达式恒为true循环,被称为死循环,它会一直执行(慎用)

while(true){

alert('hello');

}

//每一个循环都要由三个表达式组成
// 初始化表达式,初始化一个变量
var i = 0;
//条件表达式,设置循环执行的条件
while(i < 5){
  document.write('
'); //更新表达式,修改初始化变量的值 i++; }

(while循环语句2案例):


//创建一个初始化表达式
        var i = 0
        // 创建循环和条件表达式
        while(i < 10){
         console.log('hello');
        //更新表达式
         i++;
        }
		//两种使用方式----
         var i = 0;
         while (true){
            console.log('abc')
            i++;
           if(i === 5){
        // 也可以通过break来结束循环
               break;  }   }
//假设存款的年利率为5%,1000元存几年能变成5000元
        // 创建一个变量,用来存储钱数
        var money = 1000;
        // money *= 1.05; //一年后的钱数
        // money *= 1.05; //两年后的钱数
        // 创建一个计数器
        var year = 0;
        // 创建一个循环,来模拟存钱的状态
        while (money <= 5000){
            money *= 1.05;
            //使计数器增加
            year++;  }
        alert('从1000到5000需要'+year+'年!')


(do-while循环):

do-while循环--语法:do{

语句....

}while(条件表达式)

执行流程:

do-while循环在执行时,会先执行do后边的代码块(循环体),

然后再对while后的条件表达式进行求值判断

如果为false,则退出语句

如果为true,则继续执行循环体,以此类推


do-while和while的区别:

while语句是先判断再执行

do-while语句是先执行再判断

大部分情况下两种语句是一样,主要区别在于

do-while可以确保循环体至少执行一次!

var i = 5;
do{
  console.log(i);
  i++;
}while (i < 5)


欢迎关注我的原创文章:小伙伴们!我是一名热衷于前端开发的作者,致力于分享我的知识和经验,帮助其他学习前端的小伙伴们。在我的文章中,你将会找到大量关于前端开发的精彩内容。

学习前端技术是现代互联网时代中非常重要的一项技能。无论你是想成为一名专业的前端工程师,还是仅仅对前端开发感兴趣,我的文章将能为你提供宝贵的指导和知识。

在我的文章中,你将会学到如何使用HTML、CSS和JavaScript创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。

此外,我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展,新的框架和工具层出不穷。通过我的文章,你将会了解到最新的前端技术趋势,并了解如何应对这些变化。

我深知学习前端不易,因此我将尽力以简洁明了的方式解释复杂的概念,并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发,并提升你的技能。

如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!

#web网站##程序员##程序员那些事##web前端面试题#

#it##it那些事儿##vue##react#

相关推荐

使用opencv-Python进行图像锐化处理

使用OpenCV函数cv::filter2D执行一些拉普拉斯滤波以进行图像锐化使用OpenCV函数cv::distanceTransform以获得二值图像的派生(derived)表示,...

Python-OpenCV 7. 图像二值化

一、介绍图像二值化(ImageBinarization)就是将图像上的像素点的灰度值设置为0或255,也就是将整个图像呈现出明显的黑白效果的过程。在数字图像处理中,二值图像占有非常重要的地位,图...

OpenCV+Python裁剪图像

最近使用OpenCV+Python做了一个程序,功能是自动将照片中的文本部分找出来并裁剪/旋转保存为新的图片。这个功能用专业些的说法就是选择并提取感兴趣区域(ROI(RegionofInteres...

简单易懂的人脸识别!用PythonOpenCV实现(适合初...

前言:OpenCV是一个开源的计算机视觉和机器学习库。它包含成千上万优化过的算法,为各种计算机视觉应用提供了一个通用工具包。根据这个项目的关于页面,OpenCV已被广泛运用在各种项目上,从谷歌街景...

OpenCV行人检测应用方案--基于米尔全志T527开发板

本文将介绍基于米尔电子MYD-LT527开发板(米尔基于全志T527开发板)的OpenCV行人检测方案测试。摘自优秀创作者-小火苗一、软件环境安装1.在全志T527开发板安装OpenCVsudoap...

纯Python构建Web应用:Remi与 OpenCV 结合实现图像处理与展示

引言大家好,我是ICodeWR。在前几篇文章中,我们介绍了Remi的基础功能、多页面应用、动态更新、与Flask结合、与数据库结合、与Matplotlib结合以及与Pandas结合。...

【AI实战项目】基于OpenCV的“颜色识别项目”完整操作过程

OpenCV是一个广受欢迎且极为流行的计算机视觉库,它因其强大的功能、灵活性和开源特性而在开发者和研究者中备受青睐。学习OpenCV主要就是学习里面的计算机视觉算法。要学习这些算法的原理,知道它们适用...

Python自动化操控术:PyAutoGUI全场景实战指南

一、PyAutoGUI核心武器库解析1.1鼠标操控三剑客importpyautogui#绝对坐标移动(闪电速度)pyautogui.moveTo(100,200,duration=0....

从零开始学python爬虫(七):selenium自动化测试框架的介绍

本节主要学习selenium自动化测试框架在爬虫中的应用,selenium能够大幅降低爬虫的编写难度,但是也同样会大幅降低爬虫的爬取速度。在逼不得已的情况下我们可以使用selenium进行爬虫的编写。...

「干货分享」推荐5个可以让你事半功倍的Python自动化脚本

作者:俊欣来源:关于数据分析与可视化相信大家都听说自动化流水线、自动化办公等专业术语,在尽量少的人工干预的情况下,机器就可以根据固定的程序指令来完成任务,大大提高了工作效率。今天小编来为大家介绍几个P...

python+selenium+pytesseract识别图片验证码

一、selenium截取验证码#私信小编01即可获取大量Python学习资源#私信小编01即可获取大量Python学习资源#私信小编01即可获取大量Python学习资源importjso...

Python爬虫实战 | 利用多线程爬取 LOL 高清壁纸

一、背景介绍随着移动端的普及出现了很多的移动APP,应用软件也随之流行起来。最近看到英雄联盟的手游上线了,感觉还行,PC端英雄联盟可谓是爆火的游戏,不知道移动端的英雄联盟前途如何,那今天我们使用到...

一套真实的Python面试题,几十个题目汇总

1.(1)python下多线程的限制以及多进程中传递参数的方式python多线程有个全局解释器锁(globalinterpreterlock),这个锁的意思是任一时间只能有一个线程使用解释器,跟...

一文读透,Python暴力(BF)字符串匹配算法到 KMP 算法之间的变化

1.字符串匹配算法所谓字符串匹配算法,简单地说就是在一个目标字符串中查找是否存在另一个模式字符串。如在字符串"ABCDEFG"中查找是否存在“EF”字符串。可以把字符...

Python实现屏幕自动截图

教程目录需要实现的功能:自动屏幕截图具体需求:1.支持设置截图频率和截图文件存储路径2.在存储截图时判断与前一张截图的相似度,只有屏幕发生了显著的变化才存储截图所需技术(搜索关键词):1.屏幕截...