Day 25 (Js)

1.=

(1)=设值
(2)= =比较
(3)= = =型态
(4)=> 箭头函式

      var x = 5      if (x==5) {             console.log("ok");      }      if (x===5) {             console.log("ok~");      }            var b = () => {        return "bunny-2";      };      var temp = b();      console.log(temp); // bunny-2

2.非 0、undefined、null则true

false:

      //   var x = 0;      //   var x = false;      //   var x = undefined      //   var x = null      //   空白会错误 x is not defined      if (x) {        console.log("ok");      }

3.写歪了，把最大的{}删掉，整理乾净

        var score = Math.floor(Math.random() * 101);        console.log(score);        if (score >= 90) {            console.log('甲上');        } else {            if (score >= 80) {                console.log('甲');            } else {                if (score >= 70) {                    console.log('乙上');                } else {                    console.log('乙');                }            }        }

        var score = Math.floor(Math.random() * 101);        console.log(score);        if (score >= 90) {            console.log('甲上');        } else if (score >= 80) {            console.log('甲');        } else if (score >= 70) {            console.log('乙上');        } else {            console.log('乙');        }

4.当下跑可以的程式，还是记得要侦错，避免疏漏

      var d = new Date();      var hour = d.getHours();      console.log(hour);      //   var hour = 17;  侦错用      //   console.log(hour);       if (8 <= hour && hour <= 11) {        console.log("上午课程");      } else if (hour == 12) {        console.log("中午用餐时间");      } else if (13 <= hour && hour <= 16) {        console.log("下午课程");      } else {        console.log("非课程时间");      }

5.()的意义：

CSS () =>var()、calc()、@media()、:nth-child()、hsl()
JS() => 执行:fuction、apple(){}、if(条件)、(条件)?: 、(匿名的函式)

(匿名的函式)
因为之后用不到这个仓库，就不需要佔记忆体且不会影响他人

      (function () {        //var showMsg_v3 = 删除        console.log("狗沟好吃~~~~");      })();

6.{}的意义

Js{}:物件、要做的事

物件

      var apple = {        //key1:value1 属性        chinese: 100,        english: 90,        math: 70,      };

要做的事

      var x = 5;      if (x == 5) {        console.log("ok");      }

7.Switch 满足指定条件执行，可以一次执行很多事

「一定要+break!!!!!!!」---------------------------->重点
没有加break时，会产生串联效应，case1做完会接着做case2

      switch (x) {        case 5:          console.log("ok"); // x=5 'ok'          console.log("hi");          var y = 88;          console.log(y);          console.log("bee");          break; //一定要加 才能关掉        case 15:          console.log("猫咪大战六周年听说很魔有空去听看看"); // x=5 'ok'        default:          console.log("今天没下雨了");      }

并且可合併case

      switch (mm) {        case 4:        case 6:        case 9:          console.log("30天");          break;      }

8.注意数值跟字串!!!

        function showTV() {            var elm = document.getElementById('inputChannel').value;   //input输入是字串            console.log(elm);            document.getElementById('demo').innerText = elm;            switch(elm){                case 20:   //但是这要符合数值                                                                 console.log('ok');   //所以不出现。            }        }

解法:转数值

             var elm = parseInt(document.getElementById("inputChannel").value);

9.while 无穷迴圈

离开的方式:1.break 2.条件不成立

1.while + if

      var x = 5;        while (x == 5) {            console.log('ok'); //一定会显示 因为非0则ture            if (x == 5) {                x = 666;                console.log(x)  //之后条件不符合var x = 5; 会跳出            }        }        var secret;        while (secret !== "1234") {        secret = prompt("1.网页必须输入通关密码1234才会停止");        if (secret == "1234") {         break   //会跳出              }        }   

2.do + while

      do {        console.log("ok");      } while (false);

3.while

      var n = 0;      var x = 0;      while (n < 10) {         n++;     // n = n+1         x += n;  // x = n+x      }      document.getElementById("demo1_10").innerHTML = x;

10.do{做这个} while(符合这个 我才回去继续做)

会先执行一次，才判断条件

    do {        console.log("ok");      } while (false);

11.for vs. while

for(啰嗦) => 已知次数
while(条件) => 次数未知

(1)for

      for (var i = 0; i < 10; i++) {    //一行做判断        if (i % 2 == 0) {          // 跳过这一次不做 ,2 4 6 byebye          continue;        }        if (i == 7) {          // 跳出          break;        }        console.log(i);      }

(2)while

        var secret;        while (secret !== "1234") {        secret = prompt("1.网页必须输入通关密码1234才会停止");        if (secret == "1234") {         break              }        }   

12.缩写

cnt =cnt+1
cnt++
cnt += 1

13.innerText v.s innerHTML

innerText会是写内文，所以要改innerHTML

会印出字串

      star = star + "<br>"; //换行      document.getElementById("pSquare").innerText = star; 

改

      star = star + "<br>"; //换行      document.getElementById("pSquare").innerHTML = star; 

14.for() vs. for(..of..)

(1)for():可以直接抓始末 (抓自己想要的範围~~)

      var weekList = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];            for (var i = 0; i < weekList.length; i++) {        // []从0开始        // length 有几个        console.log(weekList[i]); //跑几次就显示几次      }

(2)for(..of..):每个都要抓时使用(通通抓起来看~~)

      var weekList = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];      //of 捞出来看看元素      for (var item of weekList) {  //of 放集合 ex:[]        console.log(item);      }

15.for

(1) for

      var tot = 0;      for (var cnt = 1; cnt <= 10; cnt++) {        //cnt++  , cnt =cnt+1  ,cnt += 1        tot = tot + cnt;      }      console.log(`计算从 1 加到 10: ${tot}`);

(2) for + if

      for (var i = 0; i < 10; i++) {        //一行做判断        if (i % 2 == 0) {          // 跳过这一次不做 ,2 4 6 byebye          continue;        }        if (i == 7) {          // 跳出          break;        }      }

(3) for..of.. (赋值给item of 放集合 ex:[])

      var weekList = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];            //of 捞出来看看元素      for (var item of weekList) {        //赋值给item of 放集合 ex:[]      }

(4) for..in..(赋值给item in 放物件) 并 只会寻「有值」的资料出来

      for (var item in s1) {        //赋值给item in 放物件        console.log(item); //chinese;english;math(属性)        console.log(s1["item"]); // s1 物件里没有"item字串"的属性 undefined        console.log(s1[item]); //100;90;80 抓到值        console.log(typeof item); //string      }

辛苦了(拍拍自己)