流程控制语句

if语句

• 单分支

// 条件表达式为真值则会执行{}代码体内的语句
if (/* 条件表达式 */) {
  // 代码体
}

• 双分支

// 双分支
if(/* 条件表达式 */){
    // 结果为真执行
}else{
    // 结果为假执行
}
var age = 20;
if(age >= 18){
    console.log('成年了')
}else {
    console.log('未成年')
}

• 多分支

if (/* 条件表达式1 */){
  // 成立执行语句
} else if (/* 条件表达式2 */){
  // 成立执行语句
} else if (/* 条件表达式3 */){
  // 成立执行语句
} else {
  // 上面条件表达式都不为满足，则执行这里
}
var week = 1;
if(week === 1){
    console.log('星期一')
}else if(week === 2) {
    console.log('星期二')
}else if(week === 3) {
    console.log('星期三')
}else {
    console.log('不是星期一、二、三')
}

 从浏览器中接受用户输入的值：
// prompt函数作用：从浏览器中接受用户输入的值，默认值为100，
// prompt函数返回的是字符串类型的值。若需要得到数值，则需要转换。若没有输入则返回一个null
var age = prompt("请输入年龄？",100);

age = +age; // 转为number类型
if (age >= 18){
  alert("成年");
}else {
  alert("未成年");
}

switch多分支语句

语法格式:

常量就是固定值

switch (条件表达式) {
  case 常量1:
    // 语句1;
    break;
  case 常量2:
    // 语句2;
    break;
  case 常量3:
    // 语句3;
    break;
  case 常量n:
    // 语句n;
    break;
  default:
    // 上面都不成立 执行这里语句;
    break;
}

注意：

• switch 语句在比较值时使用的是全等运算符（===）
• break代表跳出的意思，如果省略，代码会继续匹配下一个case
• switch语句它在功能上和if多分支语句很相似
  • 如果是范围的判断只能使用if多分支语句
  • 如果是固定值之间的判断， 推荐使用switch语句，更加直观点。

 多分支：输入数字打印对应星期
        // var week = 6
        // if (week === 1) {
        //     console.log('今天是星期一');
        // } else if (week === 2) {
        //     console.log('今天是星期二');
        // } else if (week === 3) {
        //     console.log('今天是星期三');
        // } else if (week === 4) {
        //     console.log('今天是星期四');
        // } else if (week === 5) {
        //     console.log('今天是星期五');
        // } else {
        //     console.log('今天是周末，非常happy')
        // }
        // switch实现上面的功能
        var week = 1;
        switch (week) {
            case 1:
                console.log('今天是星期一');
                break; // break退出当层循环
            case 2:
                console.log('今天是星期二');
                break;
            case 3:
                console.log('今天是星期三');
                break;
            case 4:
                console.log('今天是星期四');
                break;
            case 5:
                console.log('今天是星期五');
                break;
            default:
                console.log('今天是周末，非常happy')
        }

循环结构

• for语句

for (1初始化变量; 2条件表达式; 3自增/自减表达式) {
  // 4代码体
}

• 案例：

  • 打印1-100之间所有偶数的和

        var total = 0;
            for (var i = 1; i <= 100; i++) {
                if (i % 2 === 0) {
                    total += i;
                }
            }
            console.log('1-100偶数和为:', total);

• 打印出 2000-4000之间的闰年

  闰年：能被4整除且不能被100整除的年份 或者 能被400整除的年份

for (var i = 2000; i <= 4000; i++) {
                if ( (i % 4 === 0 && i % 100 !== 0) || i % 400 === 0) {
                    console.log(i);
                }
            }

• 打印出 100-200之间能够被3整除或4整除的数

            for (var i = 100; i <= 200; i++) {
                if (i % 3 === 0 || i % 4 === 0) {
                    console.log(i);
                }
            }

while循环语句

基本语法:

// 当循环条件为真值时，才执行代码体，
while (条件表达式) {
  // 代码体
}

• 案例:打印1~10之间的数

//打印1~10之间的数 循环10次 
var i = 1;
while(i<=10){
    console.log(i);
    i++;
}

• 案例:打印1~100以内的奇数

var i = 1; 
while(i<=100){
    console.log(i);
    i = i+2;
}

• 案例：打印100以内所有偶数的和

var i = 1;
var sum = 0; //用于存储每次相加的和
while(i<=100){
    if(i % 2 === 0){
        sum = sum +i;
    }
    i++;
}
console.log(sum);

do...while语句

do..while循环和while循环非常像。
但是do..while的特点：先执行一次循环体，再进行判断

while: 先给钱后消费
do-while: 先消费后给钱

• 案例：求1+2+3+...+100的和。

// 初始化变量
var i = 1;
// 累加和
var sum = 0;
do {
  sum += i;//循环体
  i++;//自增
} while (i <= 100);//循环条件

continue和break

• continue: 跳出本次循环，继续下一次循环。
• break: 跳出当层循环。

注意：如果有多层循环嵌套，在内层中break,仅会跳出内层循环，外层循环依然照常执行。
break案例： 一共10个馒头，准备要吃第五个时，发现吃不下了，后面的也就不吃了

for(var i=1;i<=10;i++){
    if(i == 5){
        break; // 跳出当层for循环
    }
    console.log("吃第"+i+"个馒头<br/>");
}

continue案例：一共10个饺子，当看到第五个饺子没熟。这个饺子就不吃了，接着吃剩下的。

for(var i=1;i<=10;i++){
     if(i == 5){
         continue; // 继续下一次循环，意味着下面代码不会执行
     }
     console.log("吃第"+i+"个饺子<br/>");
}

• 案例：判断质数

质数条件： 仅能被自身和1整除 。如 2, 3, 5, 7, 11,13、17、19、23、29等都是质数。

• 如18 就不是质数，因为可以被2 、3、6、9整除
• 20也不是质数，因为可以被2 、4、5，10整除

var flag = true; // 定义一个标志，假设是质数
        var number = 7;
        for (var i = 2; i < number; i++) {
            // 拿着比7小的数 2 3 4 5 6 依次求余进行判断，余数等于0，说明就不是质数
            if (number % i === 0) {
                // console.log(number + '不是质数')
                flag = false;
                break; // 发现不是质数，后面就没有必要在循环了，可以提高速度
            }
        }
        if (flag) {
            console.log(number + '是质数')
        } else {
            console.log(number + '不是质数')
        }

理解双层循环(套娃)

• 打印1-100内的质数。

• 质数条件： 仅能被自身和1整除 。如 2, 3, 5, 7, 11,13、17、19、23、29等都是质数。
• 如18 就不是质数，因为可以被2 、3、6、9整除
• 20也不是质数，因为可以被2 、4、5，10整除

// 当循环到5时，要对比它小的数如 2，3、4 进行依次求余，若等于0，则不是质数 
// 当循环到6时，要对比它小的数如 2，3、4,5 进行依次求余，若等于0，则不是质数  
for(var i = 2; i < 100; i++){
    var flag = true; // 假设当前i是质数
    for(var j = 2; j < i; j++){
        if(i % j === 0 ){
            // 说明不是质数
            flag = false;
            break; // 后面没必要判断，直接退出当层for循环
        }
    }
    if(flag){
        console.log(i + '是质数')
    }
}

• 正三角形

var htmlStr = ''
 // 外层控制层数
 for (var i = 1; i <= 6; i++) {
    // 内存控制星星的个数
     for (var j = 1; j <= i; j++) {
        htmlStr += "*"
     }
    htmlStr += '<br />'
 }
 document.write(htmlStr)

• 倒三角形

第一种写法: 
// i=1层 6个*    相加等于7，  7 - i 
// i=2层 5个*
// i=3层 4个*
// i=4层 3个*
// i=5层 2个*
// i=6层 1个*
var num = 6
var htmlStr = ''
// 外层控制层数
for (var i = 1; i <= num; i++) {
    // 内存控制星星的个数
    for (var j = 1; j <= num + 1 - i; j++) {
        htmlStr += '*'
    }
    htmlStr += '<br />'
}
document.write(htmlStr)

第二种写法: 
 for (var i = 1; i <= 6; i++) {
                for (var j = 6; j >= i; j--) {
                    document.write('*');
                }
                document.write('<br>')
            }

• 九九乘法表

    第一种写法:
             for (var i = 1; i <= 9; i++) {
                document.write('<div>')
                for (var j = 1; j <= i; j++){
                    document.write('<span>'+ j + '\n x \n' + i + '\n = \n' + (j * i) + '\t' + '</span>');
                }
                document.write('</div>')
            }
       二:
            var str = '';
            // 外循环控制行数
            for (var row = 1; row <= 9; row++) {
                str += '<div>'
                for (var col = 1; col <= row; col++) {
                    // 内循环控制列数
                    // 1 * 2 = 2;   2 * 2 = 4;
                    // 列 x 行 = 列 * 行
                    str += '<span>' + row + 'x' + col + ' = ' + row * col + '</span>'
                }
                str += '</div>'
            }
            document.write(str);