1.for循环语句
循环语句 用于解决 重复性 且有规律的问题
语法:
for(表达式1;表达式2;表达式3){
重复执行的代码块
}
表达式1:初始化循环变量
表达式2:循坏条件
表达式3:循环变量的改变
循坏的逻辑:
循坏开始时
先执行表达式1 (初始化循环变量)
再执行表达式2的条件判断
如果满足条件
则执行代码块
代码块执行完后
执行 表达式3
然后 接着进行表达式2的判断
直到不满足条件 跳出循环
如果不满足条件
则跳出循环(循环结束)
<script>
//输出100以内的奇数
for (var i=1;i<=100;i=i+2){
console.log(i);
}
</script>
2.循环嵌套
<script>
//九九乘法表 正三角显示
/* i最外层执行次数 */
for (var i = 1; i < 10; i++){
for (var j = 1; j < 10; j++){
document.write(j+"X"+i+"="+i*j+" ");
}
document.write("<br>");
}
// 倒三角九九乘法表
for (var i = 1; i < 10; i++){
for (var j = i; j < 10; j++){
document.write(j+"X"+i+"="+i*j+" ");
}
document.write("<br>");
}
</script>
3.循环拼接字符串
向标签里 插入元素 innerHTML,也可以插入字符串
但是 innerHTML 和 innerText 一样 下面的都会覆盖上面的
<script>
常用字符串拼接方法
//定义一个的空字符串
var str = "";
for (var x = 0;x<3;x++){
str = str+"<div>";
for(var i=1;i<=3;i++){
str =str+("<div class='box1'>22</div>");
}
str = str+"</div>";
}
fbox.innerHTML=str;
/* 拼接后结果如下:
<div>
<div>22</div>
<div>22</div>
<div>22</div>
</div>
*/
</script>
4.结束循环
结束循环,有两个关键字
break:
循环遇到 break 直接终止循环
break 下面的代码 包括 剩下的循环 全部都 不执行
continue:
循环遇到 continue 只终止 当前层的循环
例如 i==5 时 执行 continue
则 只在 i==5 时 停止运行 循环剩下的代码
i==6 时, 循环正常运行 直到循环结束
<script>
for( var i = 0;i<10;i++){
if (i==5) {
console.log(1111);
// continue
break;
console.log(2222);
}
console.log(i);
}
</script>