JavaScript to wszechstronny język programowania, który oferuje różne instrukcje przepływu sterowania do obsługi różnych scenariuszy. Jednym z takich stwierdzeń jestprzełącznikinstrukcja, która jest szczególnie przydatna, gdy trzeba wykonać różne akcje w oparciu o wartość pojedynczego wyrażenia. W tym poście na blogu omówimy, jak używać plikuprzełącznikinstrukcja z tablicami w JavaScript. Jako dostawca przełączników przedstawię również rzeczywisty kontekst związany z naszymi produktami przełącznikowymi.
Zrozumienie podstaw instrukcji Switch w JavaScript
Zanim zaczniesz używaćprzełącznikinstrukcje z tablicami, przyjrzyjmy się szybko podstawowej składni aprzełącznikinstrukcja w JavaScript.


niech wartość = 2; switch (wartość) { case 1: console.log('Wartość wynosi 1'); przerwa; przypadek 2: console.log('Wartość to 2'); przerwa; domyślnie: console.log('Wartość nie jest ani 1, ani 2'); }
W tym przykładzieprzełącznikoświadczenie oceniawartośćzmienny. Jeśliwartośćjest równy jednemu zsprawawartości, wykonywany jest odpowiedni blok kodu. Theprzerwainstrukcja służy do wyjścia zprzełącznikzablokować po znalezieniu dopasowania. Jeśli nie zostanie znalezione żadne dopasowanie, plikdomyślnyblok jest wykonywany.
Używanie instrukcji Switch z tablicami
Przyjrzyjmy się teraz, jak możemy wykorzystać aprzełącznikinstrukcja z tablicami. Istnieje kilka różnych scenariuszy, w których może to być przydatne.
Scenariusz 1: Sprawdzanie długości tablicy
Załóżmy, że chcesz wykonać różne akcje w zależności od długości tablicy. Oto przykład:
niech mojaArray = [1, 2, 3]; switch (myArray.length) { case 0: console.log('Tablica jest pusta'); przerwa; przypadek 1: console.log('Tablica zawiera jeden element'); przerwa; przypadek 2: console.log('Tablica ma dwa elementy'); przerwa; domyślnie: console.log('Tablica zawiera więcej niż dwa elementy'); }
W tym przykładzie używamydługośćwłaściwość tablicy jako wyrażenie w plikuprzełącznikoświadczenie. W zależności od długości tablicy na konsoli drukowane są różne komunikaty.
Scenariusz 2: Sprawdzanie określonych elementów w tablicy
Możesz także sprawdzić, czy tablica zawiera określone elementy i odpowiednio wykonać różne działania. Oto jak możesz to zrobić:
niech kolory = ['czerwony', 'zielony', 'niebieski']; niech colorToCheck = 'zielony'; switch (colors.includes(colorToCheck)) { case true: console.log(`${colorToCheck} znajduje się w tablicy`); przerwa; case false: console.log(`${colorToCheck} nie ma w tablicy`); przerwa; }
W tym przykładzie używamyzawierametoda sprawdzenia, czycolorToCheckjest obecny wzabarwienieszyk. Wynikzawierametoda (alboPRAWDALubFAŁSZ) jest używane jako wyrażenie wprzełącznikoświadczenie.
Rzeczywisty kontekst światowy: zmiana produktów
Jako dostawca przełączników oferujemy szeroką gamę produktów przełączników, takich jakMotoryzacyjny ogólny wyłącznik zasilania,Przełącznik kołyskowy łodzi, IChwilowy przełącznik dwupozycyjny. Przełączniki te są używane w różnych zastosowaniach, a koncepcja logiki warunkowej jest podobna doprzełącznikinstrukcja w JavaScript, ma kluczowe znaczenie dla ich projektu i funkcjonalności.
Na przykład w systemie motoryzacyjnym anMotoryzacyjny ogólny wyłącznik zasilaniamoże być konieczne wykonanie różnych działań w zależności od położenia przełącznika. Jeśli przełącznik znajduje się w pozycji „włączony”, może włączyć określone elementy elektryczne, natomiast w pozycji „wyłączony” może spowodować odcięcie zasilania. Jest to podobne do tego, jak aprzełącznikinstrukcja w JavaScript może wykonywać różne akcje w zależności od wartości wyrażenia.
Zaawansowane techniki z przełącznikami i tablicami
Zagnieżdżone instrukcje Switch z tablicami
Możesz także użyć zagnieżdżonegoprzełącznikinstrukcje podczas pracy z tablicami. Załóżmy na przykład, że masz tablicę dwuwymiarową i chcesz wykonać różne akcje w oparciu o zewnętrzne i wewnętrzne elementy tablicy.
niech macierz = [ [1, 2], [3, 4] ]; switch (matrix.length) { case 1: switch (matrix[0].length) { case 1: console.log('Macierz ma jeden wiersz i jedną kolumnę'); przerwa; przypadek 2: console.log('Macierz ma jeden wiersz i dwie kolumny'); przerwa; } przerwa; case 2: switch (matrix[0].length) { case 1: console.log('Macierz ma dwa wiersze i jedną kolumnę'); przerwa; przypadek 2: console.log('Macierz ma dwa wiersze i dwie kolumny'); przerwa; } przerwa; }
W tym przykładzie najpierw sprawdzamy długość tablicy zewnętrznej (długość.matrycy). Następnie, w zależności od wyniku, używamy innegoprzełącznikinstrukcja sprawdzająca długość tablicy wewnętrznej.
Obsługa błędów i najlepsze praktyki
Podczas używaniaprzełącznikinstrukcje z tablicami, ważne jest, aby wziąć pod uwagę obsługę błędów. Na przykład, jeśli używaszobejmujemetodę, upewnij się, że tablica i sprawdzana wartość są prawidłowego typu. Zawsze dołączaj także adomyślnyprzypadek w twoimprzełącznikinstrukcja obsługi nieoczekiwanych wartości.
Wniosek
Korzystanie zprzełącznikinstrukcja z tablicami w JavaScript może być skutecznym sposobem obsługi różnych scenariuszy w oparciu o właściwości i elementy tablicy. Niezależnie od tego, czy sprawdzasz długość tablicy, obecność określonych elementów, czy używasz funkcji zagnieżdżonychprzełącznikwypowiedzi,przełącznikinstrukcja zapewnia jasny i zwięzły sposób pisania kodu warunkowego.
Jako dostawca przełączników rozumiemy znaczenie niezawodnych i wydajnych komponentów w różnych zastosowaniach. NaszMotoryzacyjny ogólny wyłącznik zasilania,Przełącznik kołyskowy łodzi, IChwilowy przełącznik dwupozycyjnyzostały zaprojektowane tak, aby spełniać najwyższe standardy jakości i wydajności.
Jeśli interesują Cię nasze produkty przełączające lub masz pytania dotyczące ich wykorzystania w Twoich projektach, zachęcamy do skontaktowania się z nami w celu zamówienia i dalszej dyskusji. Jesteśmy tutaj, aby pomóc Ci znaleźć odpowiednie rozwiązania przełączników dla Twoich potrzeb.
Referencje
- „JavaScript: ostateczny przewodnik” Davida Flanagana
- Dokumenty internetowe MDN — instrukcja dotycząca przełączania JavaScript