ホームページ > ウェブフロントエンド > jsチュートリアル > if-else、switch-case、または Array.prototype.includes() や Array.prototype.find() などの関数を使用する場合

if-else、switch-case、または Array.prototype.includes() や Array.prototype.find() などの関数を使用する場合

Barbara Streisand
リリース: 2024-09-27 18:38:30
オリジナル
1146 人が閲覧しました

When to use if-else, switch-case, or functions like Array.prototype.includes() or Array.prototype.find()

JavaScript では、if-else、switch-case、または Array.prototype.includes() や Array.prototype.find() などの関数のいずれを選択するかは、特定の使用例によって異なります。読みやすさ、パフォーマンス、および処理している条件の種類。以下は、これらの構造の比較と、それぞれをいつ使用するかについての提案です。

1. if-else:
目的: 一連の条件を評価し、条件が true か false かに基づいてコードを実行します。
動作: 各条件が順番にチェックされ、最初に一致した条件が実行されます。
使用例: ブール論理、範囲チェック、または複雑な条件の処理に最適です。
例:

let age = 25;

if (age < 18) {
    console.log('Too young');
} else if (age >= 18 && age <= 65) {
    console.log('Eligible for work');
} else {
    console.log('Retired');
}
ログイン後にコピー

いつ使用するか:
複雑な条件または複数の条件: 論理的な組み合わせ、範囲、動的評価など、より複雑な条件または非離散的な条件を確認する必要がある場合は、if-else を使用します。
少数の条件: 評価する条件が少数しかない状況に最適です。
柔軟な条件評価: if-else を使用すると、論理演算子 (&&、|| など) を組み合わせて、より複雑なチェックを行うことができます。

2.スイッチケース:
目的: 単一の式 (多くの場合、変数または値) を、考えられる複数のケースと比較します。
動作: 式は 1 回評価され、対応する case ブロックが実行されます。一致するケースがない場合は、デフォルトのブロックが実行されます。
ユースケース: 複数のケースを評価する必要がある離散値または列挙値に最適です。
例:

let day = 'Monday';

switch (day) {
    case 'Monday':
        console.log('Start of the week');
        break;
    case 'Wednesday':
        console.log('Midweek');
        break;
    case 'Friday':
        console.log('Almost weekend');
        break;
    default:
        console.log('Unknown day');
}
ログイン後にコピー

いつ使用するか:
離散値: 限られた数の既知の値 (列挙型、定数、状態など) の 1 つを受け取る単一の変数がある場合は、switch-case を使用します。
多くの値が考えられます: 複数の特定のケースを処理する必要がある場合に最適です。
読みやすさ: switch-case を使用すると、離散値に複数の if-else を使用するよりもコードが読みやすくなります。

3. include() や find() のような関数:
目的: 配列内の値の存在を確認する (includes())、または配列内のオブジェクト/値を検索する (find()) ために使用されます。
動作: これらの関数は配列を操作し、ブール値 (include) または見つかった値 (find) を返します。
使用例: オブジェクトのリストまたは配列に値が存在するかどうかを確認するなど、配列ベースのチェックに最適です。

includes() の例:

const fruits = ['apple', 'banana', 'cherry'];

if (fruits.includes('banana')) {
    console.log('We have bananas!');
} else {
    console.log('No bananas here');
}
ログイン後にコピー

find() の例:

const users = [
    { id: 1, name: 'Alice' },
    { id: 2, name: 'Bob' },
];

const user = users.find(user => user.id === 2);
console.log(user);  // Output: { id: 2, name: 'Bob' }

ログイン後にコピー

いつ使用するか:

配列の検索: 配列に値が存在するかどうかを確認する場合は、includes() を使用します。
配列内のオブジェクトの検索: 特定の条件に基づいてオブジェクトの配列内のオブジェクトを検索する場合は、find() を使用します。
効率的なメンバーシップ テスト: これらの方法は、大規模なデータセット (配列) 内の項目の存在を確認する必要がある場合に特に効果的です。

以上がif-else、switch-case、または Array.prototype.includes() や Array.prototype.find() などの関数を使用する場合の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート