(四).JavaScript的循环结构

2.2 循环嵌套

①.语法

    // 嵌套循环：循环内部包裹其他的循环
    // 外侧循环执行一次，内部循环执行一轮
    // 实例
    for (var i = 0; i < 5; i++) {
        for (var j = 0; j < 10; j++) {
            console.log('我爱你')
        }
    }

②.案例

③.提升案例

2.3 for循环非一般情况和死循环

①.for循环非一般情况

   // for循环非一般写法

    var i = 0
    for (; i < 5;) {
        console.log('我爱你');
        i++;
    }

for循环结束关键看条件表达式结果为真为假

②.死循环

    // 简写
    // 简写不能省略;
    for (; true;);
    for (; ;);

2.4 while循环

①.语法

    var i =  0；
    while (一般是条件表达式，结果是布尔值) {
    	循环体;
    	自增自减表达式;
    }

②.执行流程

// 执行流程
// 1.首次执行
// 1-1 先执行初始化语句
// 1-2 执行条件表达式
//     条件为真，执行循环体，执行自增自减表达式
//     条件为假，跳出while循环

// 2.非首次执行
// 2-1 执行条件表达式
//     条件为真，执行循环体，执行自增自减表达式
//     条件为假，跳出while循环

③. for循环和while循环的适用场景

1. for循环适合有明显循环次数的情况
2. while循环适合有一个明确的结束条件的情况

2.5 do while循环

①.语法

    var i = 0;
    do {
    循环体
    自增自减表达式
    } while(一般是条件表达式，结果是布尔值);

②.执行流程

// 执行过程
// 1. 执行初始化表达式
// 2. 执行循环体和自增自减表达式
// 3. 执行条件表达式
//    结果为真，继续执行循环体
//    结果为假，跳出循环

③.while和do while的区别

1. while 是先判断条件，后选择是否执行
2. do while 是先执行一遍循环体，再去判断条件
3. do while 保证了循环体至少被执行一次

2.6关键字continue

①.continue作用

• 作用：在循环体中，结束本次循环，继续执行下一次循环

②.continue案例

    // 打印1~100以内所有的能整除3的数字
    for (var i = 1; i <= 100; i++) {
        if (!(i % 3 == 0)) {
            continue;
        }
        // console.log(i);
    }

    // 当if分支语句中只有一行语句时，可以省略大括号
    for (var i = 1; i <= 100; i++) {
        if (!(i % 3 == 0))
            continue;
        console.log(i);

2.7 关键字break

①.break作用

• 在 switch case 中表示跳出switch分支语句
• 在 循环中表示跳出最近的一层循环

②.break案例

    for (var i = 0; i < 3; i++) {
        for (var j = 0; j < 3; j++) {
            if (i == 1) {
                break;
            }
            console.log(j, 'j');
        }
        console.log(i, 'i');
    }