【JavaScript】条件判定に変数を使用する方法

JavaScriptでは、変数を活用することで柔軟で効果的な条件判定が可能です。この記事では、基本的な条件判定の使い方から複雑な条件まで、変数を駆使してスマートにプログラミングする方法を解説します。

スポンサーリンク

基本的な条件判定

最初に、基本的な条件判定の例を見てみましょう。変数に値を代入し、その値に基づいて条件分岐を行います。

// 変数の定義と初期化
let number = 10;

// 条件判定
if (number > 5) {
    console.log("変数numberは5より大きいです。");
} else {
    console.log("変数numberは5以下です。");
}

このシンプルな例では、変数numberが5より大きいかどうかによってメッセージが表示されます。

複数の条件を組み合わせる

次に、複数の変数を使用して条件を組み合わせる例です。論理演算子を駆使して、複雑な条件を表現できます。

let age = 20;
let isStudent = true;

if (age >= 18 && isStudent) {
    console.log("成人であり、学生です。");
} else if (age >= 18) {
    console.log("成人ですが、学生ではありません。");
} else {
    console.log("未成年です。");
}

この例では、ageとisStudentという2つの変数を組み合わせ、条件によって異なるメッセージが表示されます。

よくある質問(FAQ)

Q. JavaScriptでグローバル変数を避けるべき理由は?
A. グローバル変数は他のスクリプトと名前が衝突しやすく、どこからでも変更できるためバグの原因になります。モジュールや関数のスコープ内に変数を閉じ込めることが推奨です。
Q. 変数のスコープを限定するベストプラクティスは?
A. const・letをブロックスコープで使い、var(関数スコープ)は避けます。IIFEやモジュールパターン、ES Modulesを使ってスコープを管理するのが現代的な手法です。
Q. グローバル変数に代わるデータ共有の方法は?
A. モジュールのexport/importで共有するか、状態管理ライブラリ(Redux等)を使います。小規模ならシングルトンオブジェクトをモジュールとしてexportする方法も有効です。

まとめ

JavaScriptの条件判定をうまく使うことで、より柔軟で読みやすいコードを書くことができます。変数を上手に利用して、プログラムのロジックを効果的に構築しましょう。