ホームページ > ウェブフロントエンド > jsチュートリアル > **JavaScript Switch ステートメントで複数のケースを評価する方法**

**JavaScript Switch ステートメントで複数のケースを評価する方法**

Mary-Kate Olsen
リリース: 2024-10-24 04:27:02
オリジナル
695 人が閲覧しました

**How to Evaluate Multiple Cases in JavaScript Switch Statements**

JavaScript switch ステートメントでの複数のケースの処理

フォールスルー機能を利用することで、JavaScript switch ステートメント内で複数のケースを評価することができます。 。これにより、一致したケースは、break ステートメントまたは switch ブロックの終わりに達するまで実行を続けることができます。

Fall-Through を使用した解決策:

複数のケースを処理するにはJavaScript switch ステートメントでは、次の構文を使用できます。

switch (varName) {
    case "afshin":
    case "saeed":
    case "larry":
        alert('Hey');
        break;
    default:
        alert('Default case');
}
ログイン後にコピー

この例では、switch ステートメントは、「afshin」、「saeed」、および「larry」のケースに対して varName と一致します。これらのいずれかのケースに該当すると、「Hey」という警告メッセージが表示されます。それ以外の場合は、デフォルトのケースが実行され、「デフォルトのケース」メッセージが表示されます。

DRY コンセプトの代替ソリューション:

フォールスルー機能が望ましくない場合、DRY (Don't Reply Yourself) 原則を遵守するための別のアプローチは、オブジェクトを使用してケース値を関数にマップすることです。

const cases = {
    "afshin": () => alert('Hey, Afshin!'),
    "saeed": () => alert('Hey, Saeed!'),
    "larry": () => alert('Hey, Larry!')
};

const handleCase = (varName) => {
    if (cases[varName]) {
        cases[varName]();
    } else {
        alert('Default case');
    }
};
ログイン後にコピー

この例では、handleCase 関数はケース値を次のように受け取ります。入力。値が case オブジェクトに存在する場合、対応する関数が呼び出されます。ケース値が見つからない場合は、デフォルトのケース警告メッセージが表示されます。

以上が**JavaScript Switch ステートメントで複数のケースを評価する方法**の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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