iT邦幫忙

2024 iThome 鐵人賽

DAY 5
2
JavaScript

從零開始學習JavaScript 30天系列 第 5

[Day 5] JavaScript 運算符號(Operator)

  • 分享至 

  • xImage
  •  

更新2024.08.13
Hi,大家好,我是Tony,是一個對於程式設計微微有概念的超級新手。

第五天啦~後來發現我學習的速度,比一開始ChatGPT預估的還要慢很多...
但沒關係我還是繼續來學習!
今天學習的內容是:JavaScript的運算符號

學習內容來自
彭彭老師JavaScript 運算符號:
https://www.youtube.com/watch?v=prV9Ka6uTss&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=14


1. 什麼是運算、運算符號?

運算就是可以對資料進行某種操作,
運算符號則是可以對資料進行某種操作的符號
其中包括

  • 算術運算
  • 指定運算
  • 比較運算
  • 單元運算
  • 邏輯運算

2.算術運算

就是進行基本的加、減、乘、除、模運算(Mod)(取餘數的意思)
符號:

  • 加法:+
  • 減法:-
  • 乘法:*
  • 除法:/
  • 模運算:%

3.指定運算(assign)

幫助我們將資料放入變數中
符號:

  • 最基本的就是:=
  • 搭配其他運算使用:+= 、 -= 、 %= ...等等。

4.比較運算

比較資料的大小、會得到布林值(true或是false)

  • 大於:>
  • 小於:<
  • 大於等於:>=
  • 小於等於:<=
  • 是否相等:== (注意是使用兩個等號)

5.單元運算

只有針對單一資料進行的運算

  • 變數的資料加一:++
  • 變數的資料減一:--
  • 布林值反運算:!

6.邏輯運算

針對布林值得運算

  • 且(and):&& (當A且B都是true時,才會顯示true,否則顯示false)
  • 或(or):|| (當A或B其一是true時,就會顯示true,否則顯示false)

練習

  • 練習1:算術運算+、-、*、/、%
  <script>
      let x=1+2 
      console.log(x); //得到3
      x=4-2;
      console.log(x); //得到2
      x=4*5;
      console.log(x); //得到20
      x=8/2;
      console.log(x); //得到4
      x=7%3;
      console.log(x); //得到1
  </script>     

網頁結果1
https://ithelp.ithome.com.tw/upload/images/20240812/201684105F3t2RPun5.jpg


  • 練習2:指定運算=、+=、-=、*=、/=、%=
  <script>
      x=3;
      console.log(x); //得到3
      x+=1; // x=x+1; 
      console.log(x); //得到4
      x-=2; //x=x-2
      console.log(x); //得到2
      x*=5; //x=x*5
      console.log(x); //得到10
      x/=5; //x=x/5
      console.log(x); //得到2
      x%=2; //x=x%2
      console.log(x); //得到0
  </script>     

網頁結果2
https://ithelp.ithome.com.tw/upload/images/20240812/20168410PotFBY8eSH.jpg


  • 練習3:比較運算>、<、>=、<=、==
  <script>
      x=3>4;
      console.log(x); //得到false
      x=3<4; 
      console.log(x); //得到true
      x=2>=2;
      console.log(x); //得到ture
      x=5<=4;
      console.log(x); //得到false
      x=5==6;
      console.log(x); //得到false
      x="你好"=="你好";
      console.log(x); //得到ture
      x="你好">"你好";
      console.log(x); //得到false
  </script>     

網頁結果3
https://ithelp.ithome.com.tw/upload/images/20240813/20168410XqXY2TH4Sh.jpg


-練習4:單元運算++、--、!

  <script>
      x=3;
      x++; //x+=1; //x=x+1;
      console.log(x); //得到4
      x--; //x--=1; //x=x-1;
      console.log(x); //得到3
      
      x=5<=4;
      console.log(x); //得到false
      x=!x;
      console.log(x); //得到true      
  </script>     

網頁結果4
https://ithelp.ithome.com.tw/upload/images/20240813/20168410pXgjPTW1gQ.jpg


-練習5:邏輯運算&&、||

  <script>
      let try1=true&&fales
      console.log(try1); //得到false
      let try2=true||fales
      console.log(try2); //得到true      
  </script>     

網頁結果5
https://ithelp.ithome.com.tw/upload/images/20240813/20168410YtM71Quhpq.jpg

寫程式真的要非常仔細的看清楚,只要有一個小地方沒有寫對就跑不動。
真的要常常練習學到熟練才不會出錯!
目前先練習到這邊,謝謝大家。


上一篇
[Day 4] JavaScript 變數、常數
下一篇
[Day 6] JavaScript 運算符號小運用-乘法計算器
系列文
從零開始學習JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言