u认识循环语句
认识循环:
u 在开发中我们经常需要做各种各样的循环操作:
u比如把一个列表中的商品、歌曲、视频依次输出进行展示;
u比如对一个列表进行累加计算;
u比如运行相同代码将数字1到10逐个输出;
u 循环 是一种重复运行同意代码的方法。
u如果是对某一个列表进行循环操作,我们通常也会称之为遍历或者迭代;
u 在 JavaScript 中支持三种循环方式:
uwhile循环
udo...while循环
ufor循环
通过一个小案例了解三个语句的语法结构:
while的循环的条件是什么呀!
这是上面的结果
如果在上面加上一句话呢结果为几呀!
这是结果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!-- !while语句如何去理解呀思考一下 --> <script> // 用户定义一个变量 给变量的初始值为0 // 在这个案例中 // 定义的var i的初始值为 0 var i = 0; // while(写出上面定义变量的条件) // 在这个案例中的条件是当 i<2是 while (i < 2) { // 如果上面的条件成立那么走下面的语句 // 如果上面i<2条件成立那么打印下面的语句信息 document.write('<h1>请输出i的值' + i + '</h1><br>') i++ } // 如果条件不成立那么程序走下面的语句 // 如果上面的条件不成立那么执行下面的语句信息 document.write('<h1>请输出结束i的值' + i + '</h1><br>') </script> </body> </html>
while 循环执行的顺序:
// 用户定义一个变量 给变量的初始值为0 // 在这个案例中 我要打印输出 1到三的值 // 定义的var i的初始值为 0 var i = 0; // while(写出上面定义变量的条件) // 在这个案例中的条件是当 i<2是 while (i < 2) { // 如果上面的条件成立那么走下面的语句 // 如果上面i<2条件成立那么打印下面的语句信息 document.write('<h1>请输出i的值' + i + '</h1><br>') i++ } // 如果条件不成立那么程序走下面的语句 // 如果上面的条件不成立那么执行下面的语句信息 document.write('<h1>请输出结束i的值' + i + '</h1><br>')
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> // 都会进行一次循环 // 用户定义的变量为 i 初始值为 1 var i=1; // 如果在下面的while(条件成立的话则走下面)do{中间的循环语句信息} do { document.write('<h1>请输出i的值' + i + '</h1><br>'); i++ } while (i <=1) // 如果上面的条件不成立打印输出下面的信息内容 document.write('<h1>请输出结束i的值' + i + '</h1><br>'); // 通过浏览器的循环条件你会发现内容 无论如何 do{}whiler()语句都会执行一次 比如上面的案例 打印出了 // 1 2 </script> </body> </html>