循环基础知识点

循环

for

重复执行某些代码，通常和计数有关

for 循环因为有了计数器的存在，我们还可以重复执行某些操作，比如做一些算

术运算。求 1~100 之间所有整数的累加和

for 语法结构

for （初始化变量；条件表达式；操作表达式） {

// 循环体

}

初始化变量：就是用 var 声明的一个变量，通常用于作为计数器使用

条件表达式：用来决定，某一次的循环是否继续执行，就是终止的条件

操作表达式：每次循环最后执行的代码，经常用于我们计数器变量更新（递

增或递减）

for 循环的执行过程：

例：

for (var i = 1; i < =100; i++){

console.log(' 嘿嘿 ');

}

var i=1 只执行一次，接着判断，接着输出，输出完了后再去看 i++.

这时 i++ 变成了第二轮的 i ，又去判断，又去输出，又到 i++ ，这样子的循环。

for 循环重复相同的代码

前面可以让用户循环打出同一行代码一百句，现在可以让用户控制次数

var num = prompt(' 请您输入次数 ');

for (var i =1; i <=num; i++) {

console.log(' 任意内容 ') ；

}

for 循环重复不相同的代码 主要是因为计数器，计数器每回循环都会产生变化

// 我们想输出一个人的 1~100 岁

for (var i = 1; i <= 100; i++) {

if (i == 1) {

console.log(' 这个人今年一岁了，他出生了 ');

} else if (i == 100) {

console.log(' 这个人今年 100 岁了，他死了 ');

} else {

console.log(' 这个人今年 ' + i + ' 岁了 ');

}

}

双重 for 循环

循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在 for 循环语

句中，可以再嵌套一个 for 循环，这样的语句我们称为双重 for 循环

子主题 1

双重 for 循环语法结构

for ( 外层的初始化变量；外层的条件表达式；外层的操作表达式 ) {

for( 里层的初始化变量；里层的条件表达式；里层的操作表达式 ){

// 执行语句 ;

}

}

我们可以把里面的循环看做是外层循环的语句，外层循环一次，里面的循环

执行全部，执行完全部之后，再返回外层循环的自加 1

举例代码：

for (var i = 1; i <= 3; i++) {

console.log(' 这是外层循环的第 ' + i + ' 次 ');

for (var g = 1; g <= 3; g++) {

console.log(' 这是内层循环的第 ' + g + ' 次 ');

}

}

现在觉得难，不会，是很正常的事， JS 本来就难。现在不会 JS 编程没关系，学就是

了，慢慢来，不用着急。 运行结果：

这是外层循环的第 1 次

two for.html:13 这是内层循环的第 1 次

two for.html:13 这是内层循环的第 2 次

two for.html:13 这是内层循环的第 3 次

two for.html:11 这是外层循环的第 2 次

two for.html:13 这是内层循环的第 1 次

two for.html:13 这是内层循环的第 2 次

two for.html:13 这是内层循环的第 3 次

two for.html:11 这是外层循环的第 3 次

two for.html:13 这是内层循环的第 1 次

two for.html:13 这是内层循环的第 2 次

two for.html:13 这是内层循环的第 3 次

小结

for 循环是循环条件和数字直接相关的循环

for 循环可以重复执行某些相同的代码

分析比写代码重要，分析原理永远是第一步

while

while 语句可以在条件表达式为真的前提下，循环指定的一段代码，直到表达式不为

真时结束循环

语法结构：

while( 条件表达式 ){

// 循环体代码

}

执行思路：

1 先执行条件表达式，如果结果为 true ，则执行循环体代码；如果为 false ，则

退出循环，执行后面的代码

2 执行循环体代码

3 循环体代码执行完毕后，程序会继续判断执行条件表达式，如果条件

仍为 true ，则会继续执行循环体，直到循环条件 false 时，整个循环过程

才会结束

do whlie

do...while 语句其实是 while 语句的一个变体。该循环会先执行一次代码块，然后对

条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环

基本结构：

do {

// 循环体；

}while( 条件表达式 ) 执行思路和 while 不同的地方在于， do while 先执行一次循环体， do...while 循环体至

少执行一次

循环小结：

如果是用来计次数，跟数字相关的，三者使用基本相同，但我们更喜欢用 for ；

while 和 do while 可以做更复杂的判断条件，比 for 循环灵活一些

在程序中，一组被重复执行的语句被称为循环体，能否继续重复执行，取决

于循环的终止条件。由循环体和循环的终止条件组成的语句被称为循环语

句。

continue break

continue 关键字

continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环中 continue

之后的代码会少执行一次）

例子：

第三次循环就不进行了

for (var i = 1; i <= 10; i++) {

if (i == 3) {

continue;

}

console.log(' 我吃到第 ' + i + ' 个包子了 ');

}

break 关键字

用于立即跳出整个循环（循环结束）

for (var i = 1; i <= 10; i++) {

if (i == 3) {

break;

}

console.log(' 我吃到第 ' + i + ' 个包子了 ');

}

一种紧急停止