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