JS学习Day7之循环结构

for 循环

/* 1.语法结构
for (初始化变量;条件表达式;操作表达式) {
    循环体；
}
*/
// 2.代码体验：重复打印一百句 你好
for (var i = 1;i <= 100;i++) {
    console.log('你好！');
}

• 学会断点调试：浏览器按F12，选择sources

打印n行n列的星星

var rows = prompt('请你输入行数：');
var cols = prompt('请你输入列数：');
var str = '';
for (var i = 1;i <= rows;i++){
	for (var j = 1;j <= cols;j++){
    	str = str + '*';
    }
    str = str + '\n';
}
console.log(str);

99 乘法表

var str = '';
for (var i = 1;i <= 9;i++) {
	for (var j = 1;j <= i;j++) {
		str += j + '×' + i + '=' + i * j + '\t'; 
    }
        str += '\n';
}
console.log(str);

while 循环

/* 1. 语法结构：
while (条件表达式) {
    循环体；
}
*/
/* 2.执行思路：
当条件表达式结果为true时，执行循环体，否则，退出循环
*/
// 3.代码体验：
var num = 1;
while (num <= 100) {
    console.log("OK!");
    num++;
}

• 注意：一定防止死循环

do while 循环

/* 1.语法结构：
do {
    循环体;
} while (条件表达式);
*/
/* 2.执行思路：
先执行一次循环，再判断条件
*/
// 3.代码体验：
var i = 1;
do {
    console.log('abaabaaba');
    i++;
} while (i <= 5)

• 注意：至少会执行一次循环体代码

continue break

continue

• 用于立即跳出本次循环，继续下一次循环（本次循环体中continue之后的代码就会少执行一次）

for (var i = 1;i <= 5;i++){
    if (i == 3){
   		continue;
    }
    console.log('我正在吃第'+ i +'个包子');
}

break

• 用于立即跳出整个循环

for (var i = 1;i <= 5;i++){
    if (i == 3){
   		break;
    }
    console.log('我正在吃第'+ i +'个包子');
}