js-顺序分支结构

2019-04-27 本文已影响0人椋椋夜色
<!DOCTYPE html>
<html lang="en">
<script>
    // 三种代码结构 ： 顺序，分支，循环   顺序结构 分支结构(if else 和 switch case) 循环结构（while 与 do while 和 for）
    // 1. 顺序结构( 顺序 由上到下 执行代码 ，条件 是根据判断条件有选择的执行代码)

    //1. 顺序结构-(从上往下按顺序执行)
    console.log('1');
    console.log('12');
    console.log('123');

    //2.分支结构 if
     // 一、if 小括号 中 出现的情况：
     // 基本数据类型中：
     // 数值 ： 0 , NaN 转成 false，其他都是 true
     // 字符串： '' 转成 false，其他 都是 true
     // null undefined：都转成 false
     // 引用数据类型中：所有对象 都会被 if 自动转换成 true,联想 Boolean(表示 空、0、否定的 转成 false)

    // if (bool){
    // // 如果 bool值为 true，就会执行 大括号 里的代码
    // }

    // if else if
    // 一旦 满足 if else if 中 的 任意个条件，就停止后面的 else if 的执行，调到 最后一个 大括号外面 接着执行

    var money = 99;

    if (money > 100) {

        console.log('1');

    } else if (money > 60) {

        console.log('2');

    } 
        console.log('3');
    
    // if else if ... else
    // 在 if 语句 最后 添加 一个 else，相当于 做了一个 默认代码操作
    // 当所有if 条件 都不满足时，就会 去 else 大括号中 执行代码！！！
    // if else 用于 判断 两个 条件

    var a = 10 , b = 20;
    if (a < b) {
        alert(a);  // 10
    } else {
        alert(b);
    }

    //  嵌套 if else 
    var a = 10 , b = 20 , c = 30 ,d = 0;
    if (a > b ) {
        if(a > c) {
             d = a;
        }else{
            d = c;
        } 
        }else if(b > c) {
            d = b;
        }else {
            d = c;
        }
        alert(d); // 30

    

     // 2.2  switch case 专门用来做 判等 
     // 相当于 if(usrMont === 1){ }
     // 其中的 break 一旦 执行，就会 跳出 整个 switch 大括号，执行 后面的代码！！
     // 如果 某个 case 中 没有写 break，当执行完 这个 case 大括号 代码后，就会 继续 执行 下一个 case 中的代码，
     // 直到 所有 case 执行完，或者 遇到 break才停止

     // continue; 跳出 本次 循环
     // break 跳出整个switch大括号
    //  default:当表达式的值没有匹配，执行这里的语句


    
    var a = +prompt('请输入数字');
    switch (a) {
        case 1:{
                // alert('1');
                 // break;
            }
        case 2:{
                 // alert('2'); 
                // break;
            }
        case 3:{
                alert('呵呵');
                break;
            }

        case 4:
        case 5:
        case 6:{
                alert('哈哈');
                break;
            }
        // 当表达式的值没有匹配，执行这里的语句
        default :{
                alert('嗯嗯');
        }
            
            
    }
   
</script>
</head>
<body>
</body>
</html>
js-顺序分支结构

猜你喜欢

热点阅读

js-顺序 分支 结构

猜你喜欢

热点阅读

js-顺序分支结构
