js循环结构

一、js循环结构

在js中，如果我们要连续输出同样的一句话多次，会比较麻烦

```javascript

//输出　ｘｘｘ，不愧是你！！　６　次

console.log('不愧是你！！');

console.log('不愧是你！！');

console.log('不愧是你！！');

console.log('不愧是你！！');

console.log('不愧是你！！');

console.log('不愧是你！！');

```

同样的代码我们写了6次，这样是不好的，重复多次时，我们使用**循环结构**结构

1、for循环

#### 固定用法

```js

for(初始化表达式 ; 条件表达式 ; 递增或者递减表达式){

  循环体（需要重复执行的代码）

}

for(var count = 0;count < 6; count++){

  console.log('javascript天下无敌！！！');

}

```

执行过程：

   1.先执行初始化表达式

   2.判断条件是否成立

   3.如果成立，执行循环体

   4.执行递增表达式

重复2~4，直到第2步的条件为false，就结束循环

#### 练习

1. 求1~10之间的所有整数和

 

2、嵌套for循环

~~~js

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

    for(var k=1; k<=5; k++){

        console.log("i的值："+i, "k的值"+k);

    }

}

~~~

执行过程

##### 练习：  

在浏览器中用*打印一个矩形形

~~~js

****

****

****

****

~~~

 

3、while循环

#### 固定语法

```js

while( 条件表达式 ){

  当表达式的结果是true的时候，这里面的代码会重复的执行，直到条件为false

  循环体（需要重复执行的代码）

}

while(count < 10){

  console.log('javascript天下第一！！！');

}

```

执行过程：

 1.先判断条件是否成立

 2.如果成立，会执行循环体

 3.当循环体执行完毕，会再次判断条件

 重复1~3多次，直到条件为false为止

#### 练习

不断要求用户输入学生姓名,输入q结束.

 

4、do-while循环

#### 固定写法

```js

do {

  循环体（需要重复执行的代码）

}while (条件)

```

执行过程：

   1.先执行循环体1次

   2.判断条件

   3.如果是true，就执行循环体

   4.重复2~3多次，直到条件是false

 

总结：

1. while、do-while 循环不易看出循环的次数，一般用于未知次数的循环

2. for循环明显看出循环的次数，一般用于已知次数的循环

3. while、for循环可能一次循环都不执行， do-while循环至少执行一次