【JavaScript】真偽値と比較演算子【Boolean】

みなさんこんにちは、現役エンジニアのサメハックです

アパレル企業でトップ販売員を経て
未経験からWebエンジニアに転職し、
現在正社員として5年働いています！

今回はJavaScriptの真偽値と比較演算子について学んでいきましょう！

駆け出しエンジニアや未経験の方、
また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます！

真偽値

真偽値とはJavaScriptのデータ型のひとつで
真偽値型やBoolean型(ブーリアン)と呼ばれているもので、
指定した条件が正しい(真)か間違っている(偽)かを判断し、
比較結果として、true(真)かfalse(偽)で表します。

真・・・true
偽・・・false

ざっくり纏めるとこんな感じです。
後半に実際コードを記述して解説していきます！

比較演算子

比較演算子とは、等号不等号のことで
データAとデータBを比べる際に使われます。

数学で習ったものとほとんど同じです

★重要なポイントですが、プログラミングにおいて”!”は否定(not)を表します。
JavaScript以外の殆どの言語でも同じ仕様です。

ちなみに大人でも間違って使っている人を定期的に見かけるのですが
以上・以下のように「以」がつくと、比較対象の値も含みます！

たとえば「3日”以内”に連絡します」と言われた場合、
3日目に連絡しても問題ないよ！

厳密等価演算子と等価演算子の違い

厳密等価演算子

厳密等価演算子とは、

イコールを3つ書いてデータを比較することです。

// 厳密等価演算子
A === B ・・・AとBは等しい
A !== B ・・・AとBは等しくない

これはデータの型、値いずれも比較対象です。

つまり、データ比較のフェーズが2段階に別れており、
①データAとデータBの型は等しいですか？
②データAとデータBの値等しいですか？

という2つの質問に対してどちらもYESだった場合にのみ
trueを返します。

console.log("サメハック" === "サメハック");
// true

console.log(123  === 123);
// true

console.log(123  === "123");
// false ※ここがポイント

等価演算子

等価演算子とは、
イコールを2つ書いてデータを比較することです。

// 厳密等価演算子
A == B ・・・AとBは等しい
A != B ・・・AとBは等しくない

これは、データの型は無視します！
つまり、数字の”1″と数値の1を比較してもtrueとなります。

console.log("サメハック" == "サメハック");
// true

console.log(123  == 123);
// true

console.log(123  == "123");
// true ※ここがポイント

※数字と数値の違いを復習したい方はこちらの記事を読んでください

【JavaScript】 データ型とは【文字列型, 数値型】

今回は JavaScript の文字列型と数値型について学んでいきましょう！ 駆け出しエンジニアや未経験の方、また新入社員を指導する先輩社員にとっても わかりやすいように解説していきます！ この記事を読むと・・・ 文字列型と数値型の違いがわかる 間違えやすいポイントがわかる

samehack.com

ちなみにこういう部分が、中級者やベテランさんから
JavaScriptが嫌われる所以です。笑

これだけならまだしも、JavaScriptには
なぜその比較結果がtrueになるの？？？？？？
と理解出来ないような地獄の仕様が結構あります。
(近々そのあたりの応用編も解説してみますね)

まとめ

満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈

twitter
instagram

サメハック。