JavaScript循环结构

朱雀 2021-09-14 01:34 445阅读 0赞

**![SouthEast][]**

**1.1 循环结构的概念**

**在了解循环结构的概念之前，先看看生活中的一些循环场景：**

**（1）食堂人员打菜：接过顾客餐盘→询问菜品**→**打菜→递回餐盘，工作人员重复此过程，直到所有顾客的菜都打完才结束。**

**（2）快递小哥送快递：查看送件地址→赶往目的地→信息通知收件人→收件人签收→交快递，快递小哥重复此过程来送每一个快递，知道完成工作量。**

**以上两个场景都有一个共同点：有条件的重复做每一件事，每一次做的事情不同但是类似。**

**程序是为了解决实际问题的，实际问题中存在这重复动作，故程序中也应该存在相应的描述，这就是程序中的循环结构。**

**例如：计算从1+2+3+····+10的值**

/*第一种方案*/ var sum=1+2+3+4+5+6+7+8+9+10; alert(sum) /*第二种方案*/ var sum=1; sum+=2; sum+=3; sum+=4; sum+=5; sum+=6; sum+=7; sum+=8; sum+=9; sum+=10; alert(sum);

**以上两种方式都不太理想，只适合小数额的累加运算，但是如果加到100或者更大，缺点就显而易见了；这时候，就得引入循环结构了。**

/*优化后方案*/
    
    var sum=0;
    var n=1;
    while(n<=10){
           sum+=n;
           n++;
    }
    alert(sum);

1.2 While循环

**while表示“当·····则·····”，也就是说当，某个条件成立时，一直重复做某件事情（流程图可见）**

**while(循环条件)\{**

**             执行语句；**

**\}**

**while循环特点：先判断，在执行循环语句。**

**do\{**

**    执行语句；**

**\}while(循环条件);**

**do···while循环特点：先执行语句，再判断条件。**

**1.3 For循环**

**1.4 总结**

**（1）初始状态**

**（2）循环条件**

**（3）循环体**

[SouthEast]: /images/20210724/e4ed3eb7ec5e49929e6a3132f9b8f5ff.png

发表评论取消回复

表情：

评论列表（有 0 条评论，445人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript循环结构详解

循环结构循环结构，就是根据某些给出的条件，重复的执行同一段代码循环必须要有某些固定的内容组成 1. 初始化 2. 条件判断 3. 要执行的代码 4

谁践踏了优雅/ 2023年10月06日 15:31/ 0 赞/ 44 阅读

相关循环结构

for循环打印编写程序从1循环到150，并在每行打印一个值，另外在每个3的倍数行上打印出“foo”,在每个5的倍数行上打印“biz”,在每个7的倍数行上打印

刺骨的言语ヽ痛彻心扉/ 2023年07月03日 08:28/ 0 赞/ 125 阅读

相关循环结构

1. 程序的三大结构顺序：代码自上而下，按顺序执行分支：根据指定的条件，选择不同的过程执行循环：重复 2. 循环的意义：

清疚/ 2023年02月18日 09:49/ 0 赞/ 24 阅读

相关 JavaScript基础系列4---循环结构

[系列1：初探JavaScript][1_JavaScript] [系列2：数据类型和运算符][2] [系列3：选择结构][3] [系列4：循环结构][4]

「爱情、让人受尽委屈。」/ 2022年07月14日 07:56/ 0 赞/ 190 阅读

相关 Javascript基础（五）之循环结构

2、循环结构-1 1、问题 1、控制台中输出一句Hello World 2、控制台中输出10句Hello World 3、控制台中输出1000句Hello Wo

梦里梦外;/ 2022年07月11日 15:56/ 0 赞/ 223 阅读

相关循环结构

一、while 语句格式初始化条件表达式； while( 条件表达式 )//当条件为真时，一直循环执行里面的语句，死循环，所以一般需要对条件进行控制 { /

女爷i/ 2022年06月01日 09:18/ 0 赞/ 263 阅读

相关 JavaScript复习笔记（二）函数、分支结构和循环结构

1、函数：封装一个专门任务的步骤清单的代码段叫做函数使用函数: 声明定义和调用 2、声明和定义函数的几种方法函数声明：function sum(a,b)\{ r

骑猪看日落/ 2022年04月17日 06:29/ 0 赞/ 245 阅读

相关 JavaScript循环结构和选择结构

选择结构（1）if语句; （2）if……else语句; if(score<60) { alert("英莱特，够独特");

Dear 丶/ 2022年02月20日 05:39/ 0 赞/ 330 阅读

相关循环结构

循环类型 - while循环语法: int i=1;//循环的变量初始化 while(条件表达式)\{//条件i<=10 循环体语句;//输出语句i

一时失言乱红尘/ 2021年11月29日 09:24/ 0 赞/ 437 阅读

相关 JavaScript循环结构

![SouthEast][] 1.1 循环结构的概念在了解循环结构的概念之前，先看看生活中的一些循环场景：（1）食堂人员打菜：接过顾客餐盘→询问菜品→打菜→递回

朱雀/ 2021年09月14日 01:34/ 0 赞/ 446 阅读