首页 > 其他分享 >Js基础-循环语句

Js基础-循环语句

时间:2023-09-11 14:25:51浏览次数:27  
标签:语句 do console 10 ++ Js while 循环

循环语句在js当中主要用于重复做一件事情。

js当中最主要的循环语句有三种,for循环,while循环和do-while循环

for

for 是一种经常被用到的循环结构

例如:控制台循环打印1到10 的数字

// for 括号后跟着 三个表达式, 三个表达式用 分号(;) 隔开
// var i = 0 表示定义一个循环遍历变量, 并赋初值 为 0
// i < 10 表示 一个 布尔表达式, 如果此条件为真,则会一直执行循环代码块当中的内容
// 表达式 i++ 用来循环更新变量,使得变量越来越接近于 布尔表达式当中的10
<script>
      for (var i = 0; i < 10; i++) {
				// 循环代码块
        console.log(i + 1);
      }
</script>

从上面的例子可以看出, var i = 0 ; 只执行一次, 然后再执行 i < 10 ,如果成立 执行 循环代码块中的内容 , 最后执行 i++ ; 然后循环 从 i < 10 …到 i++ 往复执行

for 语句执行过程

Untitled.png

while

while 也是一种循环结构,它经常作用于不知道要遍历多少次,只知道什么时候结束的场景。

使用while语句需要注意:在循环语句体内必须定义一个退出的条件, 否则会造成死循环

while 语句执行过程

while 循环通常先判断条件表达式,然后再决定是否执行循环语句体中的内容

Untitled 1.png

while(布尔测试条件) {

	// 语句体
}

举例

<script>
    // 定义循环变量
    var i = 1;
		// 判断是有资格进入循环条件内容
    while (i < 10) {
      console.log(i);
			// 设置自增, 使得 i 满足 大于 10 后退出
      i++;
    }
</script>

do-while

do-while 也是一种循环结构, 通常do-while 是 先执行循环体然后才判断条件(这个正好和while相反,while是先判断条件后执行), 条件判断的结果影响是否下一次进入循环语句

所以说 do-while会至少执行一次

语法

do {
  // 循环体	
} while(循环条件判断)

举例

do-while至少执行一次

<script>
  do {
    console.log("执行");
	} while (false);
</script>

do-while 循环打印

<script>
      var i = 0;
      do {
        console.log(i);
        i++;
      } while (i < 10);
    </script>

break

break 代表终止循环 ,在 for ,while 和 do..while 中都可以使用

举例:for 循环 break

<script>
      // 输出打印到 5 就终止了
      for (var i = 0; i < 10; i++) {
        console.log(i);
        if (i == 5) {
          break;
        }
      }
</script>

while循环break

<script>
    var i = 0;
    while (i < 10) {
      console.log(i);
      if (i == 5) {
        break;
      }
      i++;
    }
</script>

do…while 循环 break

<script>
      var j = 0;
      do {
        console.log(j);
        j++;
        if (j == 6) {
          break;
        }
      } while (j < 10);
    </script>

虽然以上三个例子都还没有到达条件语句结尾, 但是break 就可以提前结束循环

continue

continue 表示跳过某一次的循环进入到下次循环,本次条件符合,continue 后面的语句则不会被执行

举例

for 循环跳过某次执行


<script>
			// 可以看到输出结果,唯独没有打印 5 ,因为被 continue 跳过了
      for (var i = 0; i < 10; i++) {
        if (i == 5) {
          continue;
        }
        console.log(i);
      }
    </script>

while 循环跳过某次执行

<script>

    var i = 0;
    while (i < 10) {
      if (i == 5) {
        i = 6;
        continue;
      }
      console.log(i);
      i++;
    }
  </script>

do…while 跳过某次执行

<script>
      var i = 0;
      do {
        console.log(i);
        i++;
        if (i == 5) {
          i = 6;
          continue;
        }
      } while (i < 10);
    </script>

死循环

死循环是永远也不退出的循环

死循环有时候是我们故意写的,比如 一直执行某个任务

for 死循环

// for 循环表达式中什么也不写,即为 死循环,即不会主动退出的循环
for(;;) {
	// 循环体
}

while 死循环

while (true) {     console.log("run...");}

do-while 死循环

do { console.log("run...");} while(true);

标签:语句,do,console,10,++,Js,while,循环
From: https://www.cnblogs.com/haloujava/p/17693416.html

相关文章

  • foreach循环无法修改值的原因
    在我们的for(元素类型 元素变量:待遍历对象)的循环方式之中,我们我们的元素变量只是起到了一个临时变量的作用,好似一个指针指向我们的数组,在这个循环体之中修改我们的数组不会成功,因为我们修改的是这个元素变量的内容,而我们的数组之中的内容并没有被修改。举个例子inta=2;//比作......
  • 【源码】Vue.js 官方脚手架 create-vue 是怎么实现的?
    Vue.js官方脚手架create-vue是怎么实现的?摘要本文共分为四个部分,系统解析了vue.js官方脚手架create-vue的实现细节。第一部分主要是一些准备工作,如源码下载、项目组织结构分析、依赖分析、功能点分析等;第二部分分析了create-vue脚手架是如何执行的,执行文件的生成细节......
  • js箭头函数
    箭头函数中this的行为与常规函数的this行为有很大不同。无论如何执行或在何处执行,箭头函数内部的this值始终等于外部函数的this值。换句话说,箭头函数可按词法解析this,箭头函数没有定义自己的执行上下文。(1).格式:参数=>表达式/语句leta=b=>b*2;leta=b=>{......
  • shell脚本嵌套和case语句
    forvarin{list}dodoneforvarinvar1var2var3dodonefor((expr1;expr2;expr3))dodoneforvardodoneuntilexpr[](())dodonewhileexpr[](())dodone随机数:bash中默认有一个变量RANDOM 范围0~32767set|grepRANDOMecho$RANDOM产生0~1之间的随机数echo$[$RANDOM%2]产生......
  • 前端科普系列-CommonJS:不是前端却革命了前端
    前端科普系列-CommonJS:不是前端却革命了前端无名之辈一个有代码洁癖的前端小开发,热爱生活,追求极致​关注他 498人赞同了该文章摘要本系列文章旨在帮助学习者了解前端,主要覆盖前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同......
  • PostgreSQL 通过SQL获取建表语句实现 show create table
    有scheme参数创建函数CREATEORREPLACEFUNCTIONshow_create_table(in_schema_namevarchar,in_table_namevarchar)RETURNStextLANGUAGEplpgsqlVOLATILEAS$$DECLARE--theddlwe'rebuildingv_table_ddltext;--dataaboutt......
  • canvas+js接金币小游戏
    忙里偷闲,让UI小伙伴帮忙搞了几个图片元素,利用飞机大战代码进行修改,做个接金币小游戏~varcanvas=document.getElementById("canvas");varcontext=canvas.getContext("2d");varimgWidth=window.innerWidth;varimgHeight=window.innerHeigh......
  • nodejs的安装和环境配置
    安装nodejsWindows下载安装包下载地址:https://nodejs.org/zh-cn/download安装nodejs软件本次安装在D盘,路径D:\ProgramFiles\nodejs新建全局路径和缓存路径在nodejs的安装目录下,新建node_global和node_cache文件夹。配置nodejs的configprefix和cache路径使用管理......
  • mysql查看最近执行的sql语句
    mysql查看最近执行的sql语句,默认情况下mysql是不会记录最近执行sql语句的,需要手动开启才能记录。另外最近执行sql语句有两种方式输出,要么是table,要么是文件。查看mysql是否开启sql记录以及输出方式的脚本如下:showvariableslike'%log_output%';--查看输出方式showvariables......
  • Terraform 实现循环for和条件判断if (10)
    实现循环(for)Terraform中本身并不支持循环的语句,但是可以通过其他形式来实现循环的效果。每一个资源块除了他所支持的特定参数外,Terraform也具有一种被称为mtacmt元参数的参数。所谓元参数就是这种参数能够引用到任意的资源块中,从而达到更改资源原有行为的目的。provisioner......