JS(JavaScript)-if-switch选择结构-for-while循环

 

前言：　　

　　回到JS基础，用console输出；
　　console.log();

 

　　输入内容：
　　window.prompt(); 向页面做出输入接收(类似于后端Scanner)

 

　　整数转换：parseInt();

1. 选择结构：

　　①if 结构 

 

 

• • 　if( ){ };

　　　　if 语句是基本的控制语句，能使 JavaScript 做出决定并且按条件执行语句。

• •     if( ){ }else{ };
  •     if( ){ }else if{ };

　　　　　if...else 语句是另一种控制语句，它能使 JavaScript 选择多个代码块之一来执行。

　　②switch 结构

　　　　switch 语句的基本语法是给定一个判断表达式以及若干不同语句，根据表达式的值来执行这些语句。

　　　　编译器检查每个 case 是否与表达式的值相匹配。如果没有与值相匹配的，则执行缺省条件。

　　　　　　switch(){
　　　　　　case :

　　　　　　　　break;

　　　　　　　...

　　　　　　defult:

　　　　　　　　break;
　　　　　　}

做个 石头剪刀布 小练习：

<script>
        // 此处 定义 user 进行页面输入 石头剪刀布 
        var user = window.prompt("1.石头、2.剪刀、3.布！");
        // 此处定义 ai 为随机数 0 1 2 
        // parseInt转换为整数
        //  Math.rendom 为随机数 从0开始  *3 或 *10%3 为限制仅随机三个数
        var ai = parseInt(Math.random() * 3);
        // 用户： 1 2 3 --> 石头 剪刀 布
        switch(user){
            case "1":
                console.log("用户：1:石头")
                break
            case "2":
                console.log("用户：2:剪刀");
                break;
            case "3":
                console.log("用户：3:布");
                break
            default:
                console.log("输入有误！");
                break;
        }
        // AI 0 1 2 --> 石头 剪刀 布
        switch(ai){
            case 0:
                console.log("ai：0:石头");
                break;
            case 1:
                console.log("ai：1:剪刀");
                break;
            case 2:
                console.log("ai：2:布");
                break;
            default:
                console.log("机器人错误！");
                break;
        }
        // 进行判断
        // 若用户输入 -1 等于 ai    则平局
        if((user - 1) == ai){
                console.log("平局！")
        }else{
            // 当用户为1-石头时
            if(user == 1){
                // 与 ai 判断  
            if(ai == 1){ // ai 1-剪刀 则赢
                console.log("赢了！");
            }else if(ai == 2){ // ai 2-布 则输
                console.log("输了！");
            }
        }
            // 当用户输入2时
         if(user == 2){
            if(ai == 0){ // ai 0-石头 则输
                console.log("输了！")
            }else if(ai == 2){ // ai 2-布 则赢
                console.log("赢了！");
            }
        }
        // 当用户输入3时
        if(user == 3){
            if(ai == 0){   // ai 0-石头 则赢
                console.log("赢了！")
            }else if(ai == 1){ // ai 1-剪刀 则输
                console.log("输了");
            }
        }
    }
    </script>

 

2. 循环：

　　循环语句就是在满足一定条件的情况下反复执行某一个操作。循环语句可以有效减少程序的行数。

　　　　① for (语句1，语句2，语句3){

　　　　　　代码块...

　　　　}

代码：

 <script>

    // 计算数组的和
    var array = [1,3,5,6,7];
    // 定义一个空的变量 存放值
    var arraySum = 0;

    // for循环    
    // array.length-数组长度(有5个值)  循环到不超过数组长度       
    for (var i = 0; i < array.length; i++) {
        // 数组内 每次循环 赋予arraySum
        arraySum += array[i];
    }
    // F12 打印  输出 结果
    console.log(arraySum);

    </script>

 

 

　　　　② for...in ：遍历数组 (类似后端foreach)

 

　　　　　　JavaScript 还支持另外一种循环模式，即 for...in 循环。这一种类型的循环将对象属性作为参数变量来实现循环。

 

代码：

    <script>

        // 遍历 对象
        var object = [{name:"张三", age:20}, {name:"李四", age:30}, {name:"王五", age:40}];

        // 开始遍历
        // var --> 一个‘小名’ --> in --> 对象
        for (var i in object) {
            //  输出  --> name + age 
            console.log(object[i].name + "--" + object[i].age);
        }

    </script>

 

视图：

　　

 

　　　　③ while(循环条件){
　　　　　　　代码块...；
　　　　　　}

　　while 循环会在指定条件为真时循环执行代码块。

　　　　注：先判断条件是否成立，再执行循环体。

 

代码：

 <script>
            
            //  while循环 
            while(window.prompt("来点零食") == "来点零食"){
                console.log("来点溜溜梅、辣条吧。");
            }
            
            </script>

 

视图：

　　

 

 

　　　　④ do

　　　　　　{ 代码块... }

　　　　　　while(循环条件)；

　　注意：do...while 是先循环，后判断。

 

 

拓展：

　　JS独有
　　　　=== 三等：判断数据类型。

 

　　JS弱类型造成：
　　　　alert(1  +/*  flase/true/undefined)
　　　　+ undefined：非数字。

 

---