前言
循环语句:通过循环语句可以反复的执行一段代码多次。
for循环
for循环的语法
语法:
for(①初始化表达式; ②条件表达式; ④更新表达式){
③语句...
}
执行流程:
①执行初始化表达式,初始化变量(初始化表达式只会执行一次)
②执行条件表达式,判断是否执行循环:
如果为true,则执行循环③
如果为false,终止循环
④执行更新表达式,更新表达式执行完毕继续重复②
for循环举例:
for (var i = 1; i <= 100; i++) {
console.log(i);
}
上方代码的解释:
for(定义初始变量;循环条件;变量变化){
循环语句块
}
注意:
- 变量初始化 在进入循环前执行一次;
- 条件是每次进入循环之前都会执行并且判断;
- for循环的第三个部分是每次循环完成语句块后执行的内容;
- for循环三个部分 第二个条件部分不能使用逗号分隔多个条件,只能使用逻辑与&&,
- 逻辑或|| , 其他两个部分都可以使用逗号来分隔多个语句内容。
for循环举例
for (var i = 1; i < 13; i = i + 4) {
console.log(i);
}
上方代码的遍历步骤:
程序一运行,将执行var i = 1;这条语句, 所以i的值是1。
然后程序会验证一下i < 13是否满足,1<13是真,所以执行一次循环体(就是大括号里面的语句)。
执行完循环体之后,会执行i=i+4这条语句,所以i的值,是5。
程序会会验证一下i < 13是否满足,5<13是真,所以执行一次循环体(就是大括号里面的语句)。
执行完循环体之后,会执行i=i+4这条语句,所以i的值,是9。
程序会会验证一下i < 13是否满足,9<13是真,所以执行一次循环体(就是大括号里面的语句)。
执行完循环体之后,会执行i=i+4这条语句,所以i的值,是13。
程序会会验证一下i < 13是否满足,13<13是假,所以不执行循环体了,将退出循环。
最终输出输出结果为:1、5、9
接下来做几个题目。
题目1:
for (var i = 1; i < 10; i = i + 3) {
i = i + 1;
console.log(i);
}
输出结果:2、6、10
题目2:
for (var i = 1; i <= 10; i++) {
}
console.log(i);
输出结果:11
题目3:
for(var i = 1; i < 7; i = i + 3){
}
console.log(i);
输出结果:7
题目4:
for (var i = 1; i > 0; i++) {
console.log(i);
}
死循环。
题目5:表格乘法表
<style>
table,
td {
border: 1px solid red;
margin: 30px auto;
}
table{
border-collapse:collapse;
}
</style>
<script>//思路:头尾-行-列
var hang=9; //行
var lie=9; //列
var str="<table>";//头
for(var i=1;i<=hang;i++){//控制下面的for循环次数
str+="<tr>";
for(var j=1;j<=lie;j++){//循环列和其中内容
str+="<td>" ;
str+=i+"*"+j+"="+i*j;
str+="</td>" ;
if(j>i-1) break;//
}
str+="</tr>";
}
str+="</table>";//尾
document.write(str);
</script>
题目5:1–100的质数
for(var a=2;a<100;a++){
var s=1;
for(var i=2;i<a;i++){
if(a%i===0){
s=0;
break
}
}
if(s===0)console.log(a+"质数");
if(s===1)console.log(a+"不是质数");
}
</script>