标签:变量 write while 循环 var document 结构
typora-copy-images-to: media
循环结构
引入:操场一圈是400米,在运动会的时候,2000米的跑步比赛,我们需要绕操场跑5圈,如下图:
示意图 |
---|
|
这就是一个循环,那么,在这个过程中,其实我们动作只是跑一圈,剩下的过程只是在重复。从计算机的角度来想,我们可不可以设定一个程序,让他自动跑5圈呢?可以的,用咱们今天要学习的循环结构。循环结构的意义就是让代码重复执行。
while循环结构
语法:
while(条件语句){
条件成立执行的代码
}
例:对女朋友说5句我爱你
// 那么既然是循环,咱们需要设定几个条件,首先是从哪开始,每完成一次要进行计数,完成多少次停止。
var i = 1;
while(i<=10){
document.write("我爱你!");
i++;
}
while循环结构的具体流程:
while循环的运行流程 |
---|
|
while循环需要我们在循环外就将变量声名好,在执行代码的过程中,一定要让变量进行变化,否则这个循环就会无休止的进行下去。
不会停止的循环叫做死循环,程序一直不会停止,cpu占用率越来越高,很容易造成系统崩溃。所以我们在写代码的时候一定避免写成死循环。
例:利用while循环中的变量输出数字1~5
var i = 1;
while(while<=5){
document.write(i);
i++;
}
do while循环结构
do while 循环是while循环的变异体。循环流程相似,唯一不同的地方在于do while循环会先执行一次,不管条件是否成立,先执行一次,后面的流程和while循环一样。
for循环结构
【重点】for循环语句的使用:循环的本质是一样 重复执行一段代码 语法: for(三个要素){ 满足了条件后重复执行的代码段 } 注意 - 三个要素:变量的初始值、条件、变量的变化 - for循环就是while循环的演变写法 在工作中for循环是最常用的 */ var num = 1 // 变量的初始值 while (num <= 100) { // 变量的条件 if (num % 7 == 0) { console.log(num) } num++ // 变量的变化 }// for循环实现100以内7的倍数 for(var num=1; num<=100; num++){ if (num % 7 == 0) { console.log(num) } } /* 总结 - for循环就是while的演变写法 作用都是一样的就是重复做一件事情 - for循环后面的括号内有三个要素,每个要素之间需要使用一个分号隔开 - 最后一个要素是变量的变化 结束不需要加分号 - while循环不确定当前循环次数可以使用while循环,for循环知道循环次数 */
语法:
for(声明变量并赋初始值;条件表达式;每重复一次后变量的变化规律){
重复执行的代码块
}
# 在语法中的声明变量并赋初始值,就是从哪里开始重复;条件表达式可以限定重复在什么时候停止(当条件不成立的时候);通过每次重复变量的变化和条件表达式可以知道要重复多少次
例:输出10句“我爱你”
for(var i = 1;i <= 10; i++){
document.write("我爱你");
}
循环执行过程分析:
首先i=1;然后进行条件判断i<=10;条件成立,所以运行了大括号中的代码-----第一次执行接下来i++;然后i=2;再进行条件判断i<=10;条件成立,所以又运行了大括号中的代码------第二次执行i++;i=3;条件判断i<=10;条件成立,再次运行------第三次执行i++;i=4;条件判断i<=10;条件成立,再次运行------第四次运行。。。
var arr = [10,20,30,40,50];
var sum = 0;
for (var i in arr) {
sum += arr[i];
}
alert(sum);
for循环中的初始值和变化可以不放在小括号中
var i = 1;
for(;i<=5;){
document.write(i);
i++;
}
执行流程是一样的,只是写法不一样。
在循环中,变量i的变化规律可以不是递增,也可以递减,也可以不是递增1。。。总而言之,变量i的变化规律可以自定义。
例:求出1~10之间所有单数的和。
var sum = 0;
for(var i = 1;i <= 10;i+=2){
sum += i;
}
alert(sum); // 25
for循环的运行流程
for循环运行流程 |
---|
|
循环中的跳转关键字
在循环有两个关键字可以改变循环执行的流程。
continue关键字,可以跳过当前这次的循环,直接进行下一次的循环。
for(var i = 1;i <= 5;i++){
if(i == 3){
continue; // 当i=3的时候,直接进行下一次的循环
}
document.write(i);
}
// 最后结果是1245
break关键字,可终止循环,直接让整个循环结束运行。
for(var i = 1;i <= 5;i++){
if(i == 3){
break; // 当i=3的时候,直接结束整个循环的运行
}
document.write(i);
}
// 最后结果是12
运行流程如下图所示:
循环的嵌套
【重要】:for循环的嵌套使用 语法: for(){ // 一次循环 for(){ // 一次循环 } }让一段重复执行代码重复执行,也就是设定一个大程序,让多个人跑5圈。
for(var i=1;i<=5;i++){
for(var j=1;j<=5;j++){
document.write("第" + i + "个人跑第" + j + "圈<br>");
}
}
标签:变量,write,while,循环,var,document,结构 来源: https://www.cnblogs.com/yyund/p/16269678.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。