【Javascript Day4】三元运算符及循环（while、do while)

目录

三元运算符

循环

while循环

do{  }while()循环

案例

---

三元运算符

// 0:女  1:男 
        var sex = 1;

        // 编号的转换变量，基于编号的值提供显示文本
        var temp = "";
        if(sex===0){
            temp = "女";
        }else{
            temp = "男";
        }

        // var str = `张三的性别是${sex}`;
        var str = `张三的性别是${temp}`;
        console.log( str );

        // =简化分支赋值=>
        // 三元运算符 = 三目运算符 ： if else 分支赋值结构的缩写代码
        // 语法 ： 条件?true分支赋值:false分支赋值;
        // 三目运算符 是 分支赋值结构的 ！！语法糖！！
        // 三目运算符 也可以将简单的分支结构代码 变为 表达式
        var sex1 = 1;
        var temp1 = sex1===0?"女":"男";
        var str1 = `张三的性别是${temp1}`;
        console.log( str1 );

        var sex2 = 1;
        var str2 = `张三的性别是${  sex2===0?"女":"男" }`;
        console.log( str2 );

        // ES6 模板字符串 ${} 只能使用 变量或者表达式
        // var a = `${ if(true){} }`;

循环

while循环

var source = 79;
        var diff = 90 - source;
        console.log("和90分相差:",diff);

       
        // 将代码中会重复执行的过程，进行简化实现
        //     => 实现前提：寻找代码中的重复过程
        // 循环总结：1.开始 2.步长 3.结束
        // while 语法
        //      while(条件){ 循环代码 }

        // 下述代码语法正确，也可以执行 => 死循环 => 循环不结束时会一直执行 => 造成系统死机
        // while( true ){
        //     console.log("执行一次");
        // }

        // 增加一个计数器，判断当计数器到达了某个设定值时，
        // 将控制循环的变量 flag 修改false，中断循环
        // var flag = true;
        // var i = 1; // 记录循环了多少次
        // while( flag ){
        //     console.log("执行一次");
        //     i = i+1; // => 每次循环 +1
        //     if(i>diff){
        //         flag = false;
        //     }
        // }

        // 通过计数器控制循环
        var i = 1;
        while( i<=diff ){
            console.log("执行一次");
            i++;
        }

do{  }while()循环

// while(){}; //  先判断再执行循环
        // while(false){
        //     console.log(1)
        // }

        // do{  }while(); // 先执行循环再判断 => 无论条件是否成立都必然会执行一次
        do{
            console.log(1);
        }while(false);

        // 例如，循环提示输入数值，当输入的数值是7的倍数时，终止循环
        do{
           var num = prompt("请输入7的倍数");
        }while( num%7!==0 );

案例

// 循环输入 4 个数值，输入完成后，提示求和结果;
        //     输入的值需要做合法判断，如果不合法需要对当前值提示重新输入
        //     在循环输入过程中，点击了取消，终止循环，终止计算

 var i = 1;
    var sum = 0;
do{
    var x = prompt(`请输入第${i}个数字`)
    if ( isNaN(x) || x == ''){
        x = 0;
        i--;
    }
    else if(x == null){
        break;
    }
    sum += x*1;
    i++;
    if (i == 5){
        alert(`和为${sum}`);
    }
}while(i <= 4 );