循坏的目的:可以重复执行某些代码
for循坏
重复执行某些代码,通常跟计数有关。
语法结构:
for (初始化变量; 条件表达式; 操作表达式) {
循坏体
}
for (var i = 1; i <= 100; i++) {
console.log('你好');
}
执行过程:
1.首先执行里面的计数器变量 var i = 1 ,这句话在for里面只执行一次。
2. 去i >=100里面是否满足条件,如果满足条件就去执行循环体,不满足就退出。
3,最后去执行i++ ,第一轮结束。
4. 第二轮开始,直接去执行条件表达式(不再初始化变量),如果为 true ,则去执行循环体语句,否则退出循环。
5.后续跟第二轮一致,直至条件表达式为假,结束整个 for 循环。
断点调试:
断点调试的流程:
1、浏览器中按 F12--> sources -->找到需要调试的文件-->在程序的某一行设置断点 要再次刷新才能看见。
2、Watch: 监视,输入想要查询的代码,通过watch可以监视变量的值的变化,非常的常用。
3、摁下F11,程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化。
for循坏重复执行相同的代码
比如输出十句你好,可以让用户自己去输入想要的次数。
// 让用户输入十句你好。
var num = prompt('请你输入次数')
for (var i = 1; i <= num; i++) {
console.log('你好');
}
for循坏重复执行不相同的代码
比如输出365天不同的天数
for (var i = 1; i <= 365; i++) {
console.log('今年过了' + i + '天了');
}
求365天第一天和最后一天在干嘛
for (var i = 1; i <= 365; i++) {
if (i == 1) {
console.log('今年的第一天我去吃火锅了');
} else if (i == 365) {
console.log('今年的最后一天我没有赚到钱');
} else {
console.log('今年过了' + i + '天了');
}
}
for循环因为有了计数器的存在,还可以重复的执行某些操作,比如做一些算术运算。
双重for循环
语法结构:
// 语法结构:
for(外层的初始化变量; 外层的条件表达式; 外层的操作表达式){
for(里层的初始化变量;里层的条件表达式;里层的操作表达式){
}
}
//代码体验:
for (var i = 1; i <= 3; i++) {
console.log('这里外层循环的第' + i + '次');
for (var j = 1; j <= 3; j++) {
console.log('这里里层循环的第' + j + '次');
}
}
1.可以把里面的循环看作外层循环的语句
2.外层循环一次,里面的循环全部
while循坏
语法结构:
//语法结构:
while (条件表达式) {
循坏体
}
// 代码验证
var num = 1;
while (num <= 50) {
console.log('是的');
num++;
}
执行思路:
-
1.当条件表达式结果为true则执行循坏体,否则退出。
-
2.里面也要有初始化变量和条件表达式。
-
3,里面也要有操作表达式,防止死循环。
do while循坏
语法结构:
do {
循环体
} while (条件表达式);
//代码验证:
var i = 1;
do {
console.log('你好吗');
i++
} while (i <= 50);
执行思路:
1 先执行一次循环体代码
2 再执行条件表达式,如果结果为 true,则继续执行循环体代码,如果为 false,则退出循环,继续执行后面代码
注意:先再执行循环体,再判断,do…while循环语句至少会执行一次循环体代码
continue、break
continue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中 continue 之后的代码就会少执行一次)。
break 关键字用于立即跳出整个循环(循环结束)。