JavaScript循环之for循环
JavaScript循环是学习js的过程中一个非常重要但是一定需要理清思路一块重难点,需要一定的逻辑思维能力。
1、 for循环 重复执行某些代码,通常跟计数有关系
在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件,由循环体及循环的终止条件组成的语句,被称之为循环语句。
//语法结构:
for(初始化变量;条件表达式;操作表达式){
//循环体
}
初始化变量:用var声明一个变量,用于作为计数器使用
条件表达式:决定每一次循环是否继续执行,终止的条件
操作表达式:每次循环最后执行的代码,通常用于我们计数器变量进行更新(递增或者递减)
!important 循环顺序:初始变量只执行一次执行完之后执行条件表达式,然后进入循环体,再执行操作表达式。
for循环相同的代码
<script>
//for 循环可以执行相同的代码
for (var i = 1; i <= 10; i++) {
console.log('hello');
}
</script>
在谷歌浏览器检查结果:输出十次重复相同的你好
用户也可以通过输入次数控制输出的次数:
//我们可以让用户控制输出的次数
var num = prompt('请输入次数:');
for (var i = 1; i <= num; i++) {
console.log('你好');
}
输入2
结果:
for循环不相同的代码
//输出以一个人1-10岁
for (var i = 1; i <= 10; i++) {
console.log('今年' + i + '岁了!');
}
结果:
双重for嵌套
循环嵌套是指在以一个循环语句中定义一个循环语句的语法结构。
//双重for循环 语法结构
for (外层的初始变量; 外层的条件表达式; 外层的操作表达式) {
for (内层的初始变量; 内层的条件表达式; 内层的操作表达式) {
//执行语句
}
}
外面的循环一次里面的循环全部
列举一个非常经典的例子:打印一个n行n列的星星⭐
如四行四列:
⭐⭐⭐⭐
⭐⭐⭐⭐
⭐⭐⭐⭐
⭐⭐⭐⭐
//打印一个四行四列的星星
var str = '';
for (var i = 1; i <= 4; i++) {
for (var j = 1; j <= 4; j++) {
str += '⭐';
}
str += '\n';
}
console.log(str);
结果:
利用双for嵌套我们可以做一个九九乘法表出来,想知道怎么实现的嘛?期待一下,下篇见鸭!