JavaScript循环语句

2024-05-16 04:51:31

目录

1.do-while

2.while语句

3.for语句

4.for循环与while循环的关系

5.break 和 continue

6.双层for循环

7.案例集合

1.案列: 打印五行五列的星星

2.案列: 打印倒三角形

3.案列：打印等腰三角形

1.do-while

概念：do-while是一个后测试循环语句，既代码会先执行一次在对退出条件进行求值。换句话说就是最少执行一次。

使用方法：

do{

statement

} while(expression)

使用案例：

let i = 0
do{i += 2console.log(i)}while(i < 10)// 第一次： i = 2   打印 2， 判断i<10   -->
// 第二次： i = 4   打印 4， 判断i<10   -->
// ......
// 第n次： i = 10   打印10， 判断i<10   跳出循环

2.while语句

概念：while语句是一种先测试循环语句，即先检测退出条件，再执行循环体内的代码。有可能循环体内的代码都不会执行。

使用方法：

while(expression) statement

let i = 0
while(i < 10){i += 2console.log(i)
}// i = 0   判断i<10  执行循环体内的语句(i = 2,打印 2)
// i = 2   判断i<10  执行循环体内的语句(i = 4,打印 4)
// ......
// i = 10  判断i<10  判断条件不成立跳出循环

3.for语句

概念: for语句也是先测试语句，只不过增加了进入循环之后的初始化代码，以及循环执行后要执行的表达式

使用方法:

for(initialization;expression;post-loop-expression) {

statement;

}

案列:

for(let i = 0;i<10;i++){console.log(i);
}
//第一次:  初始化:let i = 0  -> 判断条件 i<10;  ->  执行循环体 ->更新条件i++    i=2;
//第二次:  判断条件 i<10; ->  执行循环体 ->更新条件i++   i=3;
//第三次:  判断条件 i<10; ->  执行循环体 ->更新条件i++   i=4;
//.........
//断点调试,加深理解

4.for循环与while循环的关系

for(let i = 0;i<10;i++){console.log(i);
}
//等同于
let i = 0;
for(;i<10;){console.log(i);i++;
}
//等同于
let i = 0;
while(i<10){console.log(i);i++;
}//总结；能用for循环表示的  一定能用while循环表示   for循环其实是while循环的封装//思考？ 什么情况下用while 循环   什么情况下用for循环呢？
let a = true,b = 1;
while (a) {if (b > 9) {a = false;  //在循环体内间接计算迭代}console.log(b);b ++;  //在循环体内间接计算迭代
}//建议： 能用for循环的 就不要用while循环， for循环执行效率更高//极端案列(死循环)
for(let i = 0;;i++){   //缺少判断条件console.log("今天夜宵吃啥？");
}for(let i = 0;i<10;){    //缺少更新循环语句console.log("今天夜宵吃啥?");
}for(;;){console.log("完犊子了!");
}

5.break 和 continue

概念：break和continue 语句为执行循环代码提供了更严格的控制手段.其中 break 语句用户立即退出循环，强制执行循环后的下一条语句。而continue 语句也用于立即退出循环，但会再次再次从循环顶部开始执行。

区别： break 是结束整个循环体，continue是结束单次循环。

//break的基础使用
for(let i = 0;i<10;i++){console.log(i);if(i % 5 == 0){break;  }
}
//continue的基础使用
for(let i = 0;i<10;i++){console.log(i);if(i % 5 == 0){continue;  }
}

6.双层for循环

概念: 双层for循环一般来遍历二维数组, 第一层循环是层数，第二层循环是列数

7.案例集合

1.案列: 打印五行五列的星星

let str = "";
for(let i = 0;i<5;i++){   //外层循环控制行数 for(let j = 0;j<5;j++){  //内层循环控制列数str += "★";}str += "\n";
}//break的局限性//要求  num等于55的时候 跳出循环let num = 0;
label:
for(let i = 0;i<10;i++){for(let j = 0;j<10;j++){if(i == 5 && j == 5){break label;}num++;}
}//内循环 使用break 只能结束内存循环....
//借助标记语句 可以让break 跳出多层循环，  主要用于实现复杂的业务逻辑， 但是容易出错.  嵌套层级不宜过多console.log(num);

2.案列: 打印倒三角形

let str  = "";for(let i = 1;i<10;i++){for(let j = i;j<10;j++){str += "★";}str += "\n";}console.log(str);

3.案列：打印等腰三角形

//打印等腰三角形
let str  = "";
for(let i = 0;i<6;i++){for(let j = i;j<5;j++){str += " ";}for(let k = 0;k<i;k++){str += "★";}str += "\n";
}console.log(str);

JavaScript循环语句相关推荐

javascript 循环语句 while、do-while、for-in、for用法区别
本文章介绍了在学习javascript中的循环语句的用法,包while.do-while.for-in.for它们之间的区别,也是常用的循环语句了,有需要的朋友可以了解一下前两个唯一的差别就是循环和 ...
javascript循环语句及函数
循环语句 1.While 语法: while (exp) { //statements; } 说明: while (变量<=结束值) { 需执行的代码 } 例1: var i = 1; whil ...
网络应用之javascript循环语句
循环语句学习目标能够写出2种循环语句 1. 循环语句的介绍循环语句就是让一部分代码重复执行,javascript中常用的循环语句有: for while do-while 2. for循环 va ...
JavaScript循环语句for，while，与break，continue配合案例详解
目录 for循环语法: for循环案例 1.简单的for循环 2.使用for循环打印星星 3.使用for循环打印等腰三角形 4.倒三角,与拼成菱形 5.输出1000以内的水仙花数 6.输出九九乘法表 ...
JavaScript循环语句的性能问题
tip:有问题或者需要大厂内推的+我脉脉哦:丛培森 ٩( 'ω' )و 在大部分编程语言中, 循环语句消耗了大部分时间而循环语句又是十分重要的编程模式在我们JavaScript中, 有四种循环类型 ...
JavaScript 循环语句
循环语句主要用于执行重复的某个操作 while 循环语句 while(bool){ // bool为true,则会循环(执行)代码块的语句.执行完成一次后就回到while判断bool,一直重复下去 ...
JavaScript循环语句（二）
for嵌套嵌套当循环与循环发生嵌套时遵循下列规则: 外层为假时,内层不执行先执行外层,再执行内层,直至内层的条件为假时再返回外层去执行选择练习1 下列关于循环嵌套,说法错误的是?(选择一项) ...
你可能不知道的java、python、JavaScript以及jquary循环语句的区别
一.概述 java循环语句分为四种形式,分别是 while, do/while, for, foreach: python中循环语句有两种,while,for: JavaScript中循环语句有四种, ...
Javascript中的条件语句和循环语句
Javascript条件语句有以下几种: 单项条件结构 (if条件语句) 双向条件结构 (if...else条件语句) 多项条件结构 (switch条件语句) If条件语句的语法如下: if (exp ...

最新文章

热门文章