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
      }

辛苦了(拍拍自己)


<<:  Day1 参加职训(机器学习与资料分析工程师培训班),记录学习内容(6/30-8/20)

>>:  NIST 对 ICT 供应链的常见风险

[Day 26] 永和美食纪录-呈信传统鹅肉店 文化店

前言 转眼间,国庆连假已经要结束了,不晓得大家有没有好好的放松自己的身心,有些店家也因为连假的缘故而...

.Net Core Web Api_笔记06_HTTP资源操作模式Head

HttpHead操作是只会回传Http Header部分资讯的api请求 所以不会返回函数回传的主体...

[Day 28] Final Project (4/5) — 部署模型到 Google AI Platform

前情提要 昨天我们成功的让 App 在本机端运作,但按下 开始预测! 後却出现了错误: 这意味着虽然...

DAY 15- 《公钥密码》-ECC

高中听过有人念ㄙㄨㄟˊ 圆形,我当时真是害怕极了。 --- 椭圆曲线 (Elliptic curve...

Day28 深入解析Elasticsearch Query DSL Match query Part1

Hello大家, 台北阴雨绵绵, 早上到公司裤管都湿答答的="= 不舒服... 今天我们来...