JavaScript 邏輯運算 && ( and )、| | ( or )、!( not )


邏輯運算三兄弟

  • && ( and )
  • || ( or )
  • ! ( not )

|| (or)的意思,只要有個 true ,就會是 true。
只要左右兩邊其中一邊是 rue 的話,他就會是 true 喔!

true || true
> true

true || false
> true

&&(and)是的意思,兩個都要是 true 才會是 true 喔!

true && false
>false

true && true
>true

(not)不是的意思,不是對就是錯,不是錯就是對辣!

!true
>false

!false
>true

在JavaScript裡面,其他類型(例如:數字)也可以來做 || 或 && 的運算呦!

短路性質,究竟什毛是短路呢?

先來看 || (or)!

3 || 10
> 3

// ||的性質是,只要有個 true ,他整個就會是 true,所以回傳第一個東西!
0 || 123
>123

//0是 false,所以就往後看了,123 是 true,所以就回傳 123!
0 || false
>false

//兩個都是 false,他傳了後面的 false。

再來是&&(and)!

978 && 0
>0

//&&要兩個都是 true,才會是 true ,但 0 是 false,所以就回傳了 0 。
false && 521
>false

//第一個就是false,不必往後看惹,就是 false 了!
543 && 666
>666

//第一個是 true ,第二個也是 true,印出了第二個 666!

補充一下有什麼東西算 false0-0nullfalseNanundefined 、 空字串("")

資料來源:
Lidemy 鋰學院-Huli老師的課程
Boolean

#邏輯運算 #&& #|| #!
不小心,參加了 Lidemy 第四期 程式導師計畫! 入門到放棄,又從放棄回到入門,一顆小種子生長記事,一邊寫筆記、一邊看看這顆種子究竟會長出甚麼鬼,可能會開花、可能會變成樹、也可能長成仙人掌, 也可能還沒長大就枯萎了,JavaScript學習筆記。 我最喜歡工程師了!






Related Posts

系列文介紹 & 版權聲明

系列文介紹 & 版權聲明

一看就懂的 React Server Rendering(Isomorphic JavaScript)入門教學

一看就懂的 React Server Rendering(Isomorphic JavaScript)入門教學

Chrome 83 DevTools 新功能:切換 location 與 locales

Chrome 83 DevTools 新功能:切換 location 與 locales



Comments