#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本格入門」がおすすめです。
コメント
コメントを投稿