有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

js 循环常用的几种方式

javascript cat 11个月前 (11-17) 41次浏览 已收录 0个评论 扫描二维码

1、语句

顺序结构:即按顺序执行代码 ;

循环结构:包括 for 循环,while,do-while,for-in 等;

其他语句: break 和 continue;

1、for

// 循环语法
for (1初始循环变量; 2判断条件(如果为真执行,为假退出); 4更新循环条件) {
    3要执行的代码
}
// 循环三要素:初始化循环变量,跳出循环的条件,更新循环变量
// 在循环中必须有结束循环的条件,要更新循环变量,否则会成为死循环。

for (var i = 0; i < 3; i++) {
    console.log(i);
}

// 第一轮:1、var i = 0;   2、0 < 3;   3、console.log(0);   4、i++  i为1
// 第二轮:2、1 < 3;   3、console.log(1);   4、i++  i为2
// 第三轮:2、2 < 3;   3、console.log(2);   4、i++  i为3
// 第四轮:2、3 < 3; 条件不成立,退出循环

// 第一轮:1 2 3 4 
// 第二轮:2 3 4 
// 第三轮:2 3 4 
// 第四轮:2

2、while

1初始循环变量
while (2条件) {
    3执行代码
    4更新循环变量
}
// 打印1--3
var i = 1;
while (i <= 3) {
    console.log(i);
    i++;
}

// 第一轮:1 2 3 4
// 第二轮:2 3 4
// 第三轮:2 3 4
// 第四轮:2

// -------------------------------
var i = 1;
for (; i <= 3;) {
    console.log(i);
    i++;
}

while和for的区别:

两者在功能上是可以互换的。for 适合能明确循环次数的循环,while 适合只有条件判断的循环。

3、do-while

1初始循环变量
do {
    2执行代码
    3更新循环变量
} while (4判断条件)

do-while: 不论什么情况下,至少都能执行一次

4、break 与 continue

break 与 continue 都是在循环中,中止循环的操作。

break break是结束循环,后面的循环都不再执行。break后面的代码也不再执行

continue 是结束本次循环,即本次循环中 continue 以后代码都不再执行,直接执行下一次循环。

        for (var i = 0; i <= 5; i++) {
            if(i === 3){
                break;  //彻底结束
                continue;  //结束本次
            }
            console.log(i);
        }        
喜欢 (0)
cat
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址