JS基础笔记之循环语句

JS基础笔记之循环语句

一、JS中循环语句有三种：for循环，while,以及do…while
1、for循环
格式：
语句1为循环开始前执行的语句，通常为某一变量的初始化赋值语句, 用来给循环控制变量赋初值；语句2为循环条件表达式，条件成立则进入循环;语句3为每次执行循环语句后执行的表达式，语句3执行后，再次判断条件表达式是否成立，成立则再次执行循环语句，否则退出循环。整个for循环执行顺序为 语句1->语句2->循环语句->语句3->（语句2->循环语句->语句3）括号内持续循环，直到语句2为假。

for(语句1;语句2;语句3){
      循环语句;
}

代码示例：

for(let i = 0;i < 6; i++){
    console.log('今天是第' + i + '天')
}

示例代码执行结果：

2、while循环
格式：
只有当条件表达式成立时，才执行大括号内的代码，直到条件表达式不成立时，退出循环

while(条件表达式){
    执行代码块;
}

代码示例：

var i = 1
while(i <= 10){
    console.log('今天是第' + i + '天')
    i++ // 这句一定要加，否则进入死循环
}

示例代码执行结果：

3、do…while循环
格式：
不论条件表达式是否成立，至少会执行一次大括号内的代码，条件表达式成立，则继续执行大括号内的代码，否则退出循环。

do{
   执行语句
}while(条件表达式)

代码示例：

var i = 0
do{
   console.log('今天是第' + i + '天');
   i++;
}while(i < 10)

示例代码执行结果：

二、continue与break的区别
continue用于跳过循环中的一次迭代，本循环中的其他迭代可以继续执行；
break用于直接跳出整个循环；
continue代码示例：

for(let i = 0;i < 6; i++){
if(i === 4){ //只有i = 4的那次没有执行
continue;
} else {
    console.log('今天是第' + i + '天')
}
}

执行结果：

break代码示例：

for(let i = 0;i < 6; i++){
if(i === 4){//从i = 4开始不再执行
   break;
} else {
    console.log('今天是第' + i + '天')
}
}

执行结果：