Hallo! Ich bin ein Anbieter von Schaltern und möchte heute darüber sprechen, wie man eine Switch-Anweisung mit Objekten in JavaScript verwendet. Es klingt vielleicht etwas technisch, aber ich werde es so aufschlüsseln, dass es leicht zu verstehen ist.
Lassen Sie uns zunächst kurz durchgehen, was eine Switch-Anweisung in JavaScript ist. Eine Switch-Anweisung ist eine Kontrollflussanweisung, die es Ihnen ermöglicht, einen Ausdruck auszuwerten und ihn mit mehreren Fällen abzugleichen. Es ist wie eine Reihe von If-Else-Anweisungen, aber auf eine organisiertere Art und Weise.
let Fruit = 'Apfel'; switch (fruit) { case 'apple': console.log('It's an apple!'); brechen; case 'banana': console.log('Es ist eine Banane!'); brechen; Standard: console.log('Ich kenne diese Frucht nicht.'); }In diesem einfachen Beispiel ist dieschaltenDie Anweisung prüft den Wert vonObstVariable. Wenn ja'Apfel', führt es den darin enthaltenen Code ausFallBlock. DerbrechenAussage ist hier entscheidend; es stoppt die Ausführung desschalten-Anweisung, sobald eine Übereinstimmung gefunden wurde. Wenn es keine Übereinstimmung gibt, wird dieStandardBlockläufe.
Lassen Sie uns nun über die Verwendung einer Switch-Anweisung mit Objekten sprechen. Objekte in JavaScript sind eine Sammlung von Schlüssel-Wert-Paaren. Sie sind äußerst nützlich zum Speichern verwandter Daten. Angenommen, wir haben ein Objekt, das verschiedene Arten von Schaltern darstellt, die wir bereitstellen.
const switchTypes = { single: 'Einzelner Powerpoint-Schalter', doubleExtra: 'Doppelter Powerpoint mit zusätzlichem Schalter', wetterfest: 'Wetterfester einzelner Powerpoint-Schalter' }; let selectedSwitch = 'single'; switch (selectedSwitch) { case 'single': console.log(`Sie haben einen [einzelnen Powerpoint-Switch](/electrical/switch/single-powerpoint-switch.html) ausgewählt.`); brechen; case 'doubleExtra': console.log(`Sie haben einen [Doppel-Powerpoint mit zusätzlichem Schalter](/electrical/switch/double-powerpoint-with-extra-switch.html) ausgewählt.`); brechen; case 'weatherproof': console.log(`Sie haben einen [Weatherproof Single Powerpoint Switch](/electrical/switch/weatherproof-single-powerpoint-switch.html) ausgewählt.`); brechen; default: console.log('Leider haben wir diesen Schaltertyp nicht.'); }In diesem Code definieren wir zunächst ein ObjektswitchTypesdas Kurznamen den vollständigen Namen unserer Switch-Produkte zuordnet. Dann verwenden wir aschaltenAnweisung, um den Wert zu überprüfenselectedSwitch. Abhängig vom Wert können wir Informationen zum ausgewählten Schalter anzeigen, einschließlich eines Links zu seiner Produktseite.
Einer der Vorteile der Verwendung von aschaltenDie Aussage mit Objekten besteht darin, dass sie den Code lesbarer und wartbarer macht. Wenn wir in Zukunft einen neuen Switch-Typ hinzufügen müssen, können wir dem einfach ein neues Schlüssel-Wert-Paar hinzufügenswitchTypesObjekt und ein neuesFallimschaltenStellungnahme.
Nehmen wir ein praktischeres Beispiel. Angenommen, wir haben eine Funktion, die eine Bestellung für einen Wechsel entgegennimmt und eine Bestätigungsnachricht zurückgibt.
function processSwitchOrder(switchType) { let message; switch (switchType) { case 'single': message = `Ihre Bestellung für einen [Single Powerpoint Switch](/electrical/switch/single-powerpoint-switch.html) ist eingegangen.`; brechen; case 'doubleExtra': message = `Ihre Bestellung für eine [Doppel-Powerpoint mit zusätzlichem Schalter](/electrical/switch/double-powerpoint-with-extra-switch.html) ist eingegangen.`; brechen; case 'weatherproof': message = `Ihre Bestellung für einen [Weatherproof Single Powerpoint Switch](/electrical/switch/weatherproof-single-powerpoint-switch.html) ist eingegangen.`; brechen; default: message = 'Leider können wir Ihre Bestellung für diesen Schaltertyp nicht bearbeiten.'; } Rückgabenachricht; } let orderType = 'doubleExtra'; console.log(processSwitchOrder(orderType));Diese FunktionProcessSwitchOrderdauert einswitchTypeals Argument. Im Innerenschalten-Anweisung erstellt es eine Bestätigungsnachricht basierend auf dem Typ des bestellten Switches. Wenn dieswitchTypenicht erkannt wird, wird eine Fehlermeldung zurückgegeben.
Zu beachten ist außerdem, dass die Werte in derFallAnweisungen müssen mit den Werten der Schlüssel übereinstimmen, gegen die Sie prüfen. JavaScript verwendet strikte Gleichheit (===), um den Wert im zu vergleichenschaltenAusdruck mit den Werten imFallAussagen. Stellen Sie daher sicher, dass die Typen und Werte genau gleich sind.
Nehmen wir an, wir möchten in einem komplexeren Szenario unterschiedliche Aktionen basierend auf dem Schaltertyp verarbeiten. Vielleicht haben wir eine Funktion, die den Preis des Schalters basierend auf seinem Typ berechnet.
Funktion berechneSwitchPrice(switchType) { let price; switch (switchType) { case 'single': price = 10; brechen; Fall 'doubleExtra': Preis = 20; brechen; Koffer 'wetterfest': Preis = 15; brechen; Standard: Preis = 0; } Rückgabepreis; } let type = 'wetterfest'; let switchPrice = berechneSwitchPrice(type); console.log(`Der Preis für den [Weatherproof Single Powerpoint Switch](/electrical/switch/weatherproof-single-powerpoint-switch.html) beträgt $${switchPrice}.`);In diesem Beispiel ist dieBerechnen Sie den SwitchPriceFunktion verwendet aschaltenAnweisung, um den Preis des Schalters basierend auf seinem Typ zu bestimmen. Anschließend wird der berechnete Preis zurückgegeben.
Wenn Sie mit einer großen Anzahl von Schaltertypen arbeiten, sollten Sie die Verwendung eines objektbasierten Ansatzes anstelle eines langen Ansatzes in Betracht ziehenschaltenStellungnahme. Sie können ein Objekt erstellen, bei dem die Schlüssel die Schaltertypen und die Werte Funktionen sind, die die erforderlichen Aktionen ausführen.
const switchActions = { single: function() { return `Sie haben einen [einzelnen Powerpoint-Schalter](/electrical/switch/single-powerpoint-switch.html) ausgewählt.`; }, doubleExtra: function() { return `Sie haben einen [Doppel-Powerpoint mit zusätzlichem Schalter](/electrical/switch/double-powerpoint-with-extra-switch.html) ausgewählt.`; }, Weatherproof: function() { return `Sie haben einen [Weatherproof Single Powerpoint Switch](/electrical/switch/weatherproof-single-powerpoint-switch.html) ausgewählt.`; } }; let selectedSwitch = 'doubleExtra'; if (switchActions[chosenSwitch]) { console.log(switchActions[chosenSwitch]()); } else { console.log('Leider haben wir diesen Schaltertyp nicht.'); }Dieser Ansatz kann flexibler und einfacher zu verwalten sein, wenn Ihre Anwendung wächst.
Zusammenfassend lässt sich sagen, dass mit aschaltenDie Anweisung mit Objekten in JavaScript ist eine großartige Möglichkeit, verschiedene Fälle basierend auf den Eigenschaften eines Objekts zu behandeln. Unabhängig davon, ob Sie Auftragsbestätigungsnachrichten erstellen, Preise berechnen oder andere Aktionen im Zusammenhang mit den von uns bereitgestellten Schaltertypen durchführen, bietet es eine klare und organisierte Möglichkeit, Ihren Code zu schreiben.
Wenn Sie am Kauf eines unserer Schalter interessiert sind, sei es derEinzelner Powerpoint-Schalter,Doppel-Powerpoint mit zusätzlichem Schalter, oderWetterfester einzelner Powerpoint-Schalter, zögern Sie nicht, uns für ein Angebot zu kontaktieren und den Beschaffungsprozess zu starten. Wir sind hier, um Ihnen zu helfen, den richtigen Schalter für Ihre Bedürfnisse zu finden.
Referenzen:
- JavaScript-Dokumentation zu MDN-Webdokumenten
- „JavaScript: The Definitive Guide“ von David Flanagan