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

前言：　　

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

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

　　整数转换：parseInt();

1. 选择结构：

　　①if 结构

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

　　②switch 结构
　　　　　　switch(){
　　　　　　case :

　　　　　　　　break;

　　　　　　　...

　　　　　　defult:

　　　　　　　　break;
　　　　　　}

做个 石头剪刀布 小练习：

 1 <script>
 2         // 此处 定义 user 进行页面输入 石头剪刀布 
 3         var user = window.prompt("1.石头、2.剪刀、3.布！");
 4         // 此处定义 ai 为随机数 0 1 2 
 5         // parseInt转换为整数
 6         //  Math.rendom 为随机数 从0开始  *3 或 *10%3 为限制仅随机三个数
 7         var ai = parseInt(Math.random() * 3);
 8         // 用户： 1 2 3 --> 石头 剪刀 布
 9         switch(user){
10             case "1":
11                 console.log("用户：1:石头")
12                 break
13             case "2":
14                 console.log("用户：2:剪刀");
15                 break;
16             case "3":
17                 console.log("用户：3:布");
18                 break
19             default:
20                 console.log("输入有误！");
21                 break;
22         }
23         // AI 0 1 2 --> 石头 剪刀 布
24         switch(ai){
25             case 0:
26                 console.log("ai：0:石头");
27                 break;
28             case 1:
29                 console.log("ai：1:剪刀");
30                 break;
31             case 2:
32                 console.log("ai：2:布");
33                 break;
34             default:
35                 console.log("机器人错误！");
36                 break;
37         }
38         // 进行判断
39         // 若用户输入 -1 等于 ai    则平局
40         if((user - 1) == ai){
41                 console.log("平局！")
42         }else{
43             // 当用户为1-石头时
44             if(user == 1){
45                 // 与 ai 判断  
46             if(ai == 1){ // ai 1-剪刀 则赢
47                 console.log("赢了！");
48             }else if(ai == 2){ // ai 2-布 则输
49                 console.log("输了！");
50             }
51         }
52             // 当用户输入2时
53          if(user == 2){
54             if(ai == 0){ // ai 0-石头 则输
55                 console.log("输了！")
56             }else if(ai == 2){ // ai 2-布 则赢
57                 console.log("赢了！");
58             }
59         }
60         // 当用户输入3时
61         if(user == 3){
62             if(ai == 0){   // ai 0-石头 则赢
63                 console.log("赢了！")
64             }else if(ai == 1){ // ai 1-剪刀 则输
65                 console.log("输了");
66             }
67         }
68     }
69     </script>

2. 循环：

　　　　① for 

代码：

 1  <script>
 2 
 3     // 计算数组的和
 4     var array = [1,3,5,6,7];
 5     // 定义一个空的变量 存放值
 6     var arraySum = 0;
 7 
 8     // for循环    
 9     // array.length-数组长度(有5个值)  循环到不超过数组长度       
10     for (var i = 0; i < array.length; i++) {
11         // 数组内 每次循环 赋予arraySum
12         arraySum += array[i];
13     }
14     // F12 打印  输出 结果
15     console.log(arraySum);
16 
17     </script>

　　　　② forin ：循环对象 (类似后端foreach)

代码：

 1     <script>
 2 
 3         // 遍历 对象
 4         var object = [{name:"张三", age:20}, {name:"李四", age:30}, {name:"王五", age:40}];
 5 
 6         // 开始遍历
 7         // var --> 一个‘小名’ --> in --> 对象
 8         for (var i in object) {
 9             //  输出  --> name + age 
10             console.log(object[i].name + "--" + object[i].age);
11         }
12 
13     </script>

视图：

　　　　③ while(循环条件){
　　　　　　　　输出语句；
　　　　　　}

代码：

1  <script>
2             
3             //  while循环 
4             while(window.prompt("来点零食") == "来点零食"){
5                 console.log("来点溜溜梅、辣条吧。");
6             }
7             
8             </script>

视图：

　　　　④ do

　　　　　　{ 输出语句 }

　　　　　　while(循环条件)；

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