メインコンテンツまでスキップ

if-else文

JavaScriptの条件分岐はJavaやPHPと同じようにif-else構文を用います。

javascript
if (value === 0) {
// ...
} else {
// ...
}
javascript
if (value === 0) {
// ...
} else {
// ...
}

JavaScriptにもelse-ifがあります。else ifのようにelseとifの間にはスペースが必要です。

javascript
if (value === 0) {
// ...
} else if (value === 1) {
// ...
} else {
// ...
}
javascript
if (value === 0) {
// ...
} else if (value === 1) {
// ...
} else {
// ...
}

JavaScriptのif-elseは文です。式ではないので、条件分岐を直接変数に代入することはできません。

javascript
// こんな書き方はできない
const result = if (value === 0) "OK" else "NG";
javascript
// こんな書き方はできない
const result = if (value === 0) "OK" else "NG";

式で条件分岐使いたい場合は三項演算子(ternary operator)を用います。

javascript
const result = value === 0 ? "OK" : "NG";
javascript
const result = value === 0 ? "OK" : "NG";

上のコードと同じロジックをif-elseで書く場合は、ifブロックの手前で結果を代入する変数をletで宣言します。

javascript
let result;
if (value === 0) {
result = "OK";
} else {
result = "NG";
}
javascript
let result;
if (value === 0) {
result = "OK";
} else {
result = "NG";
}

関連情報#