JavaScript 双重for循环做 “九九乘法表”
1.for循环概述
-
重复执行某些代码,通常跟计数有关系; 语法结构
for (初始化变量;;条件表达式;;操作表达式;{ 循环体; }
-
初始化变量 就是用var 声明的一个普通变量,通常用于作为计数器使用; 条件表达式 就是用来决定每一次循环是否继续执行 就是终止条件; 操作表达式 是每次循环最后执行的代码 经常用于我们技术器变量进行更新(递增或者递减)打印
<script>
for (var i = 1; i <= 1000; i++) {
console.log(我太帅了);
}
</script>
for 循环 可以重复执行不同的代码 因为我们有计数器变量 i 的存在 ,i 每次的循环值都在变化;
<script>
for(var i=1;i<=10;i++){
console.log(这是我今天抽的第+i+根寂寞牌香香);
}
</script>
2.双重for循环
但是很多情况下,单层 for 循环并不能满足我们的需求,比如我们要打印某些大佬口中幼稚园级别的倒三角、九九乘法表等此时就可以用循环嵌套来实现;
-
嵌套循环 是指在一个循环语句中再定义一个循环语句的语法结构,这样的for循环语句 我们称之为双重for循环 语法结构
for (外层的初始化变量;外层的条件表达式;外层的操作表达式){ for (里面的初始化变量;里面的条件表达式;里面的操作表达式){ 执行语句; } }
-
我们可以把里面的循环看作是外层循环的语句; 外层循环一次,里面的循环执行全部;
<script>
for (var i = 1; i <= 2; i++) {
console.log(这是外层循环的第 + i + 次);
for (var j = 1; j <= 3; j++) {
console.log(这是里面循环的第 + j + 次);
}
}
</script>
-
我们按照九九乘法表的样式先做一个直角三角形
<script>
var MUL = ;
for (var i = 1; i <= 9; i++) { // 外层循环控制行数 一共9行
for (var j = 1; j <= i; j++) { // 里面的循环控制一行的个数 第一行1个,第二行2个,第三行3个……
MUL = MUL + ▲;
}
MUL = MUL +
; //
换行符
}
console.log(MUL);
</script>
-
大家注意里层的条件表达式 j <= i ; 不管外层循环几次里面的循环次数和外层是相等的,外层循环1次,里面循环也是1次,外层循环到第9次,那么里面也循环9次; 接下来我们把公式代入进去
<script>
var MUL = ;
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
MUL = MUL + j + × + i + = + i * j + ;
}
MUL = MUL +
;
}
console.log(MUL);
</script>
perfect !
3.for 循环总结
-
for 循环可以重复执行某些相同的代码 for 循环可以重复执行些许不同的代码、因为有计数器 双重 for 循环、外层循环一次、内层for循环全部执行一次 分析比写代码更重要
