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 + '\n'; // '\n' 换行符
}
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 + '\t';
}
MUL = MUL + '\n';
}
console.log(MUL);
</script>
perfect !
3.for 循环总结
- for 循环可以重复执行某些相同的代码
- for 循环可以重复执行些许不同的代码、因为有计数器
- 双重 for 循环、外层循环一次、内层for循环全部执行一次
- 分析比写代码更重要