Day09- 循环语句

循环语句是什么

循环语句就是重复执行指定语句。js有5种循环语句:

  • while
  • Do / while
  • for
  • For / of
  • For / in

最常见的用途就是迭代数组。

计数器变量

循环就是重复做。但是程序是如何实现重复做的呢?它的实现原理是什么?

先看一个例子

for ( let count = 0; count < 5; count++){
  console.log(count)
}
  • let count = 0 初始化变量 => 循环的起点
  • count < 5 检测变量 => 循环的终点,控制是否执行循环体。
  • count++ 更新变量 => 控制循环迭代

这个变量被称为“计数器变量”或"循环变量"。大多数循环都有某种形式的计数器变量。记住:

对循环变量的三个关键操作

初始化

检测

更新

计数器变量在:

  • 循环开始前:计数器变量会被初始化

  • 循环迭代前:会测试计数器变量的值

  • 循环结束时:更新计数器变量

while循环

定义

while循环是先测试循环表达式的循环。(while 语句创建一个循环,测试循环表达式

的结果为真时重复执行语句)

语法

initialize
while ( expression ){ //循环表达式
  statement //循环体
  increment //必须是由副作用的表达式,如赋值或++、--
}
  • while: 引入循环表达式||标记循环结束
  • Expression : 循环表达式
    • 如果是假值则解析器会跳过循环体,这意味着循环体可能一次都不会执行。
    • 如果是真值,则解析器会执行语句,然后再次求值表达式。
  • statement:循环体

示例

let n = 0;
while (n < 3) {
  n++;
}
console.log(n);// expected output: 3

注意事项

  1. while循环只会重复执行表达式后面的一条语句
let n = 10
while ( --n > 0)
    console.log('hello' + n)
    console.log('hi')
  1. 求值表达式必须要计算出fasle,否则while(true)会创造一个死循环
let count = 0 //①变量count从0开始
while ( count < 10 ){ //②表达式求值为true就执行循环体④再次求值表达式
  console.log( count )
  count++ //③每运行一次循环体count就增一次
}
  1. 常见的计数器变量的名字有: countijk

do / while

do / while 循环后测试循环表达式的循环。这意味着循环体至少会执行一次。

语法

do
  statement
while ( expression );

do {
  statement
} while ( expression );
  • do: 标记循环开始
  • statement: 循环体
  • while: 标记循环结束||引入循环表达式
  • expression: 循环表达式

示例

let result = '';
let i = 0;

do {
  i = i + 1;
  result = result + i;
} while (i < 5);

console.log(result);
// expected result: "12345"

for循环

语法

for ( 变量声明; 条件表达式; 赋值表达式){
  //循环体
}
  • 变量声明:在循环开始前设置的普通变量,通常是一个数,用于设置循环的起点。
  • 条件表达式:控制是否执行循环体,也就是指定循环的终点。
  • 赋值表达式:每次循环体执行后执行的代码,用于更新计数器变量的值。(必须是由副作用的表达式)

示例:

for ( let i = 0; i < 5; i++){
  console.log(i)
}
  1. let i = 0 初始化计数器变量,在循环开始前执行,且只执行一次。
  2. i < 5 检测计数器变量,求值结果为真则执行循环体,否则跳过循环体。
  3. i++ 更新计数器变量
  4. 重复步骤2

作业

  1. 写一个水果超市的价格查询程序: 苹果 香蕉 火龙果 橙子 榴莲等

    输入一个“苹果” 返回=> 3.6 / 斤

  2. 使用prompt()设置行数、列数、和符号输出下面的图形

*****
*****
*****
*****
*****
  1. 向控制台输出一个口字形状的星号

    *****
    *   *
    *   *
    *   *
    *****
    
  2. 向控制台输出下面的图形

    *
    **
    ***
    ****
    *****
    
  3. 向控制台输出下面的图形

    *****
    ****
    ***
    **
    *
    
  4. 向控制台输出下面的图形

    *
   **
  ***
 ****
*****
  1. 向控制台输出下面的图形
*****
 ****
  ***
   **
    *
  1. 向控制台输出下面的图形
*
**
* *
*  *
*   *
******
  1. 向控制台输出下面的图形
    *
   ***
  *****
 *******
*********
  1. 向控制台输出下面的图形
*********
 *******
  *****
   ***
    *
  1. 向控制台输出下面的图形
    *
   * *
  *   *
 *     *
*********
  1. 向控制台输出下面的图形
    *
   ***
  *****
 *******
*********
 *******
  *****
   ***
    *
  1. 向控制台输出下面的图形
    *
   * *
  *   *
 *     *
*       *
 *     *
  *   *
   * *
    *
  1. 向控制台输出下面的图形
*********
 *******
  *****
   ***
    *
   ***
  *****
 *******
*********
  1. 向控制台输出下面的图形
*
**
***
****
*****
****
***
**
*
  1. 向控制台输出下面的图形
    *
   **
  ***
 ****
*****
 ****
  ***
   **
   *
  1. 向控制台输出下面的图形
 ***   ***
***** *****
***********
 *********
  *******
   *****
    ***
     *
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 201,681评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,710评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,623评论 0 334
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,202评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,232评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,368评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,795评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,461评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,647评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,476评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,525评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,226评论 3 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,785评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,857评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,090评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,647评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,215评论 2 341

推荐阅读更多精彩内容