iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
Modern Web

想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧系列 第 6

[想試試看JavaScript ] 運算子 (算術運算子)

這是我第一次寫鐵人賽,我沒有先規劃大綱
所以運算子我就先寫比較簡單的部分,對於比較難的部分,後面有篇幅就盡量補充囉!

運算子

算術運算子

取餘數 (%)

除了加減乘除

var a=100%33;
console.log(a);   // 1

如果需要讓電腦自動篩出單數或偶數,也可以用取餘數的方式

var n=100
var a=n%2;
console.log(a) // 0,只要印出 0 代表可以整除,

增加 (Increment)

可以將值增加 1

var x=3;
x++
console.log(x) // 4

不過會有一個奇怪事情會發生

var x=3;
var y=x++;
console.log(y) // 印出 3

居然會印出 3 !?
因為 x++ 會先回傳原本的值,接著才將 x 設定成 4。
也就是 x++ 會先回傳計算前的值,接著計算。
如果想傳的是計算後的值,可以這樣寫 ++x

var x=3;
var y=++x;
console.log(y); // 4

遞減 (Decrement)

var x=4;
x--;
consoe.log(x); // 3

遞減一樣有跟增加一樣的特性

var x=4;
var y=x--;
console.log(y); // 4
var x=4;
var y=--n;
console.log(y); // 3

x-- 會先回傳值再計算
--x 會先計算完再回傳值

比較運算子

比較運算子有

  • 大於

  • = 大於等於

  • < 小於
  • <= 小於等於
  • != 不等於
  • == 等於
  • ===嚴格等於
  • !==嚴格不等於
    一樣我們先看 = 右邊的程式碼
var result=4>3;
console.log(result) // true

4大於3 正確,所以 result 印出 true
比較運算子在比較的對象符合條件時就會回傳一個 true 出來

var result=4!=4;
console.log(result); // false

4 有不等於 4 嗎?沒有不等於,不符合條件。所以回傳 false。


上一篇
[想試試看JavaScript ] 運算子與自動轉型
下一篇
[想試試看JavaScript ] 流程控制 if...else
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30

尚未有邦友留言

立即登入留言