#5 JavaScriptで学ぶ条件分岐の基本

JavaScriptの条件分岐は、多くの言語と共通する中括弧を使った書き方が基本です。この記事では、JavaScriptにおける条件分岐の基本的な書き方を解説します。

if文の基本

JavaScriptの条件分岐は次のように書きます。

let age = 20; if (age >= 18) { console.log("成人です"); }

条件をかっこ`()`で囲み、実行したい処理を中括弧`{}`で囲みます。

else・else ifで分岐を増やす

if (age >= 65) { console.log("高齢者です"); } else if (age >= 18) { console.log("成人です"); } else { console.log("未成年です"); }

条件式には===を使う

条件分岐の中で値を比較する際は、`==`ではなく`===`を使うのが基本です。以前の記事でも触れた通り、`==`は型を変換してから比較するため、意図しない条件成立を招くことがあります。

JavaScriptならではの注意点

JavaScriptには、`if`の条件として扱われる際に「falseとみなされる値(falsy値)」というものが存在します。数値の0や空文字`""`、`null`、`undefined`などは、条件式の中でfalseとして扱われます。「変数に0が入っているだけなのに、if文が実行されない」という現象に出会ったら、このfalsy値の仕組みを疑ってみましょう。

まとめ

JavaScriptの条件分岐は`if`・`else if`・`else`で表現し、比較には`===`を使うのが基本です。falsy値という独特の仕組みも押さえておくと、思わぬバグを避けられます。


本ページはプロモーションを含みます。

参考書籍(PR)

JavaScriptをもっと学びたい方には「改訂新版JavaScript本格入門」がおすすめです。

コメント

このブログの人気の投稿

#11 Rustで学ぶエラーハンドリングの基本

#16 TypeScriptで学ぶ辞書型(マップ)の基本

#19 Goで学ぶテスト(単体テスト)の基本