それ以外の場合はJavaScript：ステップバイステップガイド

JavaScriptのif…elseステートメントは、条件がtrueかfalseかを評価します。条件がある場合 実行されます ifブロック内のコードが実行されます。それ以外の場合は、elseブロックの内容が実行されます。それ以外の場合…ifステートメントを使用すると、複数の条件を評価できます。

特定の要因に応じて、さまざまなコードブロックを実行したい場合があります。

これが条件文の出番です。条件文はすべてのプログラミング言語の重要な部分です。特定の条件が満たされた場合、コードのブロックを実行します。

このチュートリアルでは、if…elseの使用方法を見ていきます。 コード内のステートメント。

条件文の復習

すでに説明したように、条件文はすべてのプログラミング言語の重要な部分です。特定の条件が満たされた場合、コードを実行するには条件ステートメントを使用する必要があります。条件文の使用が役立ついくつかのシナリオを次に示します。

• ユーザーのパスワードが登録されているパスワードと一致するかどうかを確認します。
• ユーザーが特定のメールアドレスにアカウントがリストされているかどうかを確認します。
• すべてのフィールドに入力したら、フォームを送信してください。
• ユーザーがサインインしている場合は、ホリデー割引のリストを表示します。

これらすべての例の鍵は、 ifという単語を使用していることです。 。何かが起こった場合、何か他のことが起こるはずです。これと同じロジックをJavaScriptで使用する方法を見てみましょう。

JavaScriptifステートメント

JavaScript If ステートメントは、ステートメントが真であるか偽であるかを評価します。 ifステートメントは、ステートメントがtrueの場合にのみ実行されます。ステートメントが偽の場合、何も起こりません。

もし ステートメントはifを使用します キーワード。 ifステートメントの後に、条件（または条件のセット）を通常の括弧で指定する必要があります。 ifおよびelseステートメントの内容は、中括弧で囲まれて表示されます。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

JavaScriptのifステートメントの構文は次のとおりです。

if (ourConditions) {
	// The code that will execute if ourConditions are true
}

ifステートメントのJavaScriptの例

例を使用して、 ifを説明しましょう。 アクションのステートメント。私たちはeコマースサイトを構築しており、購入する前にユーザーが16歳以上であることを確認する必要があります。これは、ユーザーが当店で商品を購入することを許可する前に、ユーザーの年齢を確認する方法の例です。

const userAge = 15;

if (userAge < 16) {
	console.log("You are not old enough to make a purchase!");
}

コードは次を返します：

You are not old enough to make a purchase!

「小なり」演算子を使用して、ユーザーの年齢が16歳未満かどうかを確認します。ユーザーは15歳です。つまり、 userAge <16 本当です。 if内のコード ステートメントが実行されます。

しかし、ユーザーの年齢が16歳だった場合はどうなるでしょうか。その場合、 userAge <16 であるため、コードは何も返しません。 偽になります。 if内のコード ステートメントは無視されます。私たちのプログラムは実行し続けます。

JavaScriptif…elseステートメント

JavaScriptのif…elseステートメントは、条件がtrueに等しいかどうかを評価します。条件がfalseに等しい場合、elseステートメントが実行されます。それ以外の場合は、「if」ステートメントの内容が実行されます。

if…elseステートメントの構文は次のとおりです。

if (ourCondition) {
	// Code will execute if the condition is true
} else {
	// Code will execute if the condition is false
}

elseステートメントは、ステートメント内のすべてのif条件の後に表示されます。 ifステートメントに表示できるelseステートメントは1つだけです。

JavaScriptの真と偽の詳細については、JavaScriptブール値のガイドをご覧ください。

if…elseJavaScriptの例

ユーザーの年齢を確認するifステートメントのディスカッションと同じ例を使用してみましょう。 elseを追加します 購入が完了していることをユーザーに伝えるステートメント。

const userAge = 17;

if (userAge < 16) {
	console.log("You are not old enough to make a purchase!");
} else {
	console.log("Your purchase is being processed.");
}

私たちのコードは次を返します：

Your purchase is being processed.

ユーザーの年齢を追跡する「age」と呼ばれるJavaScript変数を宣言します。ユーザーは16歳以上であるため、コードは ifをスキップします ステートメントを実行し、 elseを実行します 句。ユーザーの年齢が12歳の場合、 else内のコード 句は実行されません。

その他のステートメントは、さまざまな状況で役立ちます。たとえば、elseステートメントを使用して、エラーが発生した場合にエラーを処理できます。または、elseステートメントを使用してフォームの内容を確認することもできます。ユーザーが間違えた場合やフォームに入力しなかった場合に、ユーザーにメッセージを表示できます。

JavaScriptelse…ifステートメント

JavaScriptのelse…ifステートメントは、複数の条件の1つが真であるかどうかを評価します。各if…elseステートメントは新しい条件を評価します。条件が満たされない場合、何も起こりません。

複数のelse…ifステートメントを使用するための構文は次のとおりです。

if (condition one) {
	// Code will run if condition one is true
} else if (condition two) {
	// Code will run if condition two is true
} else {
	// Code will run if all the above conditions are false
}

プログラムは、条件1から始めて、すべてのステートメントを順番に実行します。いずれのステートメントも真でない場合は、else内のコードを実行します。 ブロックが実行されます。

他にもう1つ…ifステートメントを指定しました。 ifステートメントでは、else…ifステートメントをいくつでも使用できます。各ステートメント内で、その特定の条件が満たされた場合に実行されるコードを指定する必要があります。

else…ifJavaScriptの例

例を使用して、else…ifを説明しましょう。 動作中の条件式。映画館を運営していて、年齢に応じて顧客に異なる価格を提供したいとします。使用したい価格は次のとおりです：

• 10歳以下：5ドル。
• 11〜17歳：8ドル。
• 18〜64歳：12ドル。
• 65歳以上：8ドル。

顧客の年齢を確認し、チケットに支払う必要のある価格を返すプログラムの例を次に示します。

var age = 27;
var ticketPrice = 0;

if (age <= 10) {
	var ticketPrice = 5;
} else if (age >= 11 && age <= 17) {
var ticketPrice = 8;
} else if (age >= 18 && age <= 64) {
	var ticketPrice = 12;
} else {
	var ticketPrice = 8;
}

console.log(ticketPrice);

コードは次を返します：12。

ユーザーの年齢が10歳以上か10歳未満かを確認します。その後、ユーザーが11歳から17歳かどうかを確認します。次に、ユーザーが18歳から64歳かどうかを確認します。年齢は27歳で、そのブロックのコードが実行されます。したがって、チケットの価格は$12になります。

結論

JavaScript if else ステートメントを使用すると、満たされている特定の要因に応じて、プログラム内のどのコードを実行する必要があるかを判断できます。すべてのプログラミング言語は、ある程度条件付きステートメントを使用して、コードにロジックを提供します。

このガイドでは、 ifの使用方法について説明しました。 、その他の場合 、およびelse…if JavaScriptのステートメント。これで、プロのような条件演算子の使用を開始する準備が整いました！

JavaScriptのトップコースに関するその他の学習リソースとガイダンスをお探しの場合は、JavaScriptの学習方法ガイドをご覧ください。