Heim > Web-Frontend > js-Tutorial > Hauptteil

Wann sollten if-else, switch-case oder Funktionen wie Array.prototype.includes() oder Array.prototype.find() verwendet werden?

Barbara Streisand
Freigeben: 2024-09-27 18:38:30
Original
1112 Leute haben es durchsucht

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

In JavaScript hängt die Wahl zwischen if-else, Switch-Case oder Funktionen wie Array.prototype.includes() oder Array.prototype.find() vom jeweiligen Anwendungsfall ab. Lesbarkeit, Leistung und die Art der Bedingungen, mit denen Sie umgehen. Nachfolgend finden Sie einen Vergleich dieser Konstrukte sowie Vorschläge für die Verwendung der einzelnen Konstrukte.

1. if-else:
Zweck: Wertet eine Folge von Bedingungen aus und führt Code basierend darauf aus, ob eine Bedingung wahr oder falsch ist.
Verhalten: Jede Bedingung wird der Reihe nach geprüft und die erste übereinstimmende Bedingung wird ausgeführt.
Anwendungsfall: Am besten geeignet für die Handhabung boolescher Logik, Bereichsprüfungen oder komplexer Bedingungen.
Beispiel:

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');
}
Nach dem Login kopieren

Wann anzuwenden:
Komplexe oder mehrere Bedingungen: Verwenden Sie if-else, wenn Sie komplexere oder nicht diskrete Bedingungen überprüfen müssen, wie z. B. logische Kombinationen, Bereiche oder dynamische Auswertungen.
Geringe Anzahl von Bedingungen: Ideal für Situationen, in denen nur wenige Bedingungen auszuwerten sind.
Flexible Bedingungsauswertung: Mit if-else können Sie logische Operatoren (&&, || usw.) für komplexere Prüfungen kombinieren.

2. Schaltergehäuse:
Zweck: Vergleicht einen einzelnen Ausdruck (häufig eine Variable oder einen Wert) mit mehreren möglichen Fällen.
Verhalten: Der Ausdruck wird einmal ausgewertet und der entsprechende Case-Block wird ausgeführt. Wenn keine Fälle übereinstimmen, wird der Standardblock ausgeführt.
Anwendungsfall: Am besten geeignet für diskrete oder aufgezählte Werte, bei denen mehrere Fälle ausgewertet werden müssen.
Beispiel:

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');
}
Nach dem Login kopieren

Wann anzuwenden:
Diskrete Werte: Verwenden Sie die Groß-/Kleinschreibung, wenn Sie eine einzelne Variable haben, die einen von einer begrenzten Anzahl bekannter Werte annehmen könnte (z. B. Aufzählungen, Konstanten oder Zustände).
Viele mögliche Werte: Ideal, wenn Sie mehrere spezifische Fälle bearbeiten müssen.
Lesbarkeit: Switch-Case erleichtert das Lesen von Code als die Verwendung mehrerer if-else für diskrete Werte.

3. Funktionen wie include() und find():
Zweck: Wird verwendet, um die Existenz eines Werts in einem Array zu überprüfen (includes()) oder um ein Objekt/Wert innerhalb eines Arrays zu finden (find()).
Verhalten: Diese Funktionen arbeiten mit Arrays und geben einen booleschen Wert (includes) oder den gefundenen Wert (find) zurück.
Anwendungsfall: Am besten geeignet für Array-basierte Prüfungen, z. B. um herauszufinden, ob ein Wert in einer Liste oder einem Array von Objekten vorhanden ist.

Beispiel für include():

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

if (fruits.includes('banana')) {
    console.log('We have bananas!');
} else {
    console.log('No bananas here');
}
Nach dem Login kopieren

Beispiel für 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' }

Nach dem Login kopieren

Wann anzuwenden:

Array-Suchen: Verwenden Sie Includes(), wenn Sie überprüfen möchten, ob ein Wert in einem Array vorhanden ist.
Objekte in Arrays suchen: Verwenden Sie find(), wenn Sie basierend auf einer bestimmten Bedingung nach einem Objekt in einem Array von Objekten suchen.
Effiziente Mitgliedschaftstests: Diese Methoden sind besonders effektiv, wenn Sie das Vorhandensein eines Elements in einem großen Datensatz (Array) prüfen müssen.

Das obige ist der detaillierte Inhalt vonWann sollten if-else, switch-case oder Funktionen wie Array.prototype.includes() oder Array.prototype.find() verwendet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage