English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript if...else 文

 JavaScript 文と変数宣言

if... else文はJavaScriptの条件文の1つで、異なる条件に応じて異なる操作を実行します。

JavaScriptでは、以下の条件文があります:

  • if指定の条件がtrueの場合に使用ifを実行するコードブロックを指定

  • 同じ条件がfalseの場合に使用elseを実行するコードブロックを指定

  • 最初の条件がfalseの場合に使用else if新しい条件を指定

  • を使用switch実行する多くのコードブロックから一つを選択

文法:

if条件がtrueの場合にif文は実行するコードブロックを指定:

if (condition) {
 //条件がtrueの場合に実行されるコードブロック
}

else文は条件がfalseの場合に実行されるコードブロックを指定:

if (condition) {
    //条件がtrueの場合に実行されるコードブロック
} else {
   //条件がfalseの場合に実行されるコードブロック
}

eelse if文は新しい条件を指定し、最初の条件がfalseの場合:

if (condition1) {
   //条件が1trueの場合に実行されるコードブロック
} else if (condition2) {
   //条件が1条件が2trueの場合に実行されるコードブロック
} else {
   //条件が1および条件2falseの場合に実行されるコードブロック
}
var x = -4;
if (x < 0) {
   document.getElementById("result").innerHTML = "NEGATIVE";
}
テストしてみる‹/›

ブラウザの互換性

すべてのブラウザが完全にサポートするif ... else文:

Statement
if...else

パラメータの値

パラメータ説明
condition結果がtrueまたはfalseの表現

技術詳細

JavaScriptバージョン:ECMAScript 1

更多实例

変数xの値が0より小さい場合「NEGATIVE」、それ以外の場合「POSITIVE」を出力

var x = -4;
if (x < 0) {
   msg = "NEGATIVE";
} else {
   msg = "POSITIVE";   
}
テストしてみる‹/›

if (x ==10,なら「 x为10」,もしそれが一致しないがxが20、なら「 x为20「が存在しない」、それ以外の場合は「 x不存在」を書く

var x = 20;
if (x == 10) {
   document.write("x 为 10;
} 20) {
   document.write("x 为 20");
} else {
   document.write("x不存在");
}
テストしてみる‹/›

複数のelse if文:

// 学生の現在の成績を設定
var grade = 88;
//成績がA、B、C、D、Fであるか確認
if (grade >= 90) {
   document.write("A");
} else if (grade >= 80) {
   document.write("B");
} else if (grade >= 70) {
   document.write("C");
} else if (grade >= 60) {
   document.write("D");
} else {
   document.write("F");
}
テストしてみる‹/›

大括弧を省略した一行の式を書ける

var x = -4;
if (x < 0)
   msg = "NEGATIVE";
else
   msg = "POSITIVE";
テストしてみる‹/›

ユーザーが画像をクリックした場合、画像のsrc属性の値を変更してください:

<img id="demo" onclick="changeImage()" src="avatar-female.jpg">
<script>
function changeImage() {
   var image = document.getElementById("demo");
   if (image.src.match("female")) {
   image.src = "avatar-male.jpg";
   } else {
   image.src = "avatar-female.jpg";
   }
}
</script>
テストしてみる‹/›

入力データを確認するためのif ... else文を使用

function myFunc(x) {
   var text;
//xが数字でない、または小さい10、または大きい20、なら「Input not valid」を出力
//xが10まで20との間の数字、なら「Input OK」を出力
   if (isNaN(x) || x < 10 || x > 20) {
  text = "Input not valid";
   } else {
  text = "Input OK";
   }
document.getElementById("result").innerHTML = text;
}
テストしてみる‹/›

ネストされた if ... else 文:

var a = 10, b = 20, c = 30;
var answer;
if (a > b) {
   if (a > c) {
  answer = "A is the greatest among three";
   } else {
  answer = "C is the greatest among three";
   }
} else if (b > c) {
   answer = "B is the greatest among three";
} else {
   answer = "C is the greatest among three";   
}
テストしてみる‹/›

もしくは参照できます

JavaScript 教程:JavaScript If...Else 文

JavaScript 教程:JavaScript switch

 JavaScript 文と変数宣言