js中的4种循环方式

循环

for循环

双重for循环

while循环

do-while循环

for循环

• 语法结构

for(初始化变量; 条件表达式; 操作表达式 ){
	//循环体
}

名称	作用
初始化 变量	通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这 个变量帮我们来记录次数。
条件表 达式	用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循 环。
操作表 达式	用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循 环。

• 执行过程：

• 作用

1. for 循环重复相同的代码

例子：

//比如：输出10句“我想吃泡面”
// 基本写法
for(var i = 1; i <= 10; i++){
console.log('我想吃泡面~');
}
// 用户输入次数
var num = prompt('请输入次数:')；
for ( var i = 1 ; i <= num; i++) {
console.log('我想吃泡面~');
}

2. for 循环重复不相同的代码

//例如：求输出1到100岁：
// 基本写法
for (var i = 1; i <= 100; i++) {
	console.log('这个人今年' + i + '岁了');
}
//例如：求输出1到100岁，并提示出生、死亡
// for 里面是可以添加其他语句的
for (var i = 1; i <= 100; i++) {
	if (i == 1) {
		console.log('这个人今年1岁了， 它出生了');
} 
   	else if (i == 100) {
		console.log('这个人今年100岁了，它死了');
} 
  	else {
		console.log('这个人今年' + i + '岁了');
}
}

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

双重for循环

• 语法结构

for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
	for (内循环的初始; 内循环的条件; 内循环的操作表达式) {
		需执行的代码;
	}
}

• 执行过程

例子：

//打印五行五列星星
var star = '';
for (var j = 1; j <= 3; j++) {
	for (var i = 1; i <= 3; i++) {
		star += '☆'
	}
	// 每次满 5个星星 就 加一次换行
	star += '\n'
}
console.log(star);
//核心逻辑：
//1.内层循环负责一行打印五个星星
//2.外层循环负责打印五行

• for 循环小结

1. for 循环可以重复执行某些相同代码
2. for 循环可以重复执行些许不同的代码，因为我们有计数器
3. for 循环可以重复执行某些操作，比如算术运算符加法操作
4. 随着需求增加，双重for循环可以做更多、更好看的效果
5. 双重 for 循环，外层循环一次，内层 for 循环全部执行
6. for 循环是循环条件和数字直接相关的循环

while循环

• 语法结构

while (条件表达式) {
	// 循环体代码
}

• 执行过程

例子：

//使用while循环，完成从盒子里取球的动作，每次取一个，共6个球。
		var i=1 ;
        while(i<=6){
            console.log('这是去除的第'+i+'球');
            i++;
        }

while循环

• 语法结构

do {
	// 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

• 执行过程

例子：

//使用do…while语句，输出1-6这6个数字。
		var i=1 ;
        do{
            console.log('这是去除的第'+i+'球');
            i++;
        }while(i<=6)