JavaScript est un langage de programmation polyvalent qui propose diverses instructions de flux de contrôle pour gérer différents scénarios. Une de ces déclarations est lachanger, ce qui est particulièrement utile lorsque vous devez effectuer différentes actions en fonction de la valeur d'une seule expression. Dans cet article de blog, nous explorerons comment utiliser unchangerinstruction avec des tableaux en JavaScript. En tant que fournisseur de commutateurs, je fournirai également un contexte réel lié à nos produits de commutation.
Comprendre les bases de l'instruction Switch en JavaScript
Avant de plonger dans l'utilisationchangerinstructions avec des tableaux, passons rapidement en revue la syntaxe de base d'unchangerdéclaration en JavaScript.


soit valeur = 2 ; switch (valeur) { cas 1 : console.log('La valeur est 1'); casser; cas 2 : console.log('La valeur est 2'); casser; par défaut : console.log('La valeur n'est ni 1 ni 2'); }
Dans cet exemple, lechangerl'instruction évalue levaleurvariable. Si levaleurest égal à l'un descasvaleurs, le bloc de code correspondant est exécuté. LecasserL'instruction est utilisée pour quitter lechangerbloquer une fois qu’une correspondance est trouvée. Si aucune correspondance n'est trouvée, ledéfautLe bloc est exécuté.
Utiliser une instruction Switch avec des tableaux
Voyons maintenant comment nous pouvons utiliser unchangerinstruction avec des tableaux. Il existe différents scénarios dans lesquels cela peut être utile.
Scénario 1 : Vérification de la longueur d'un tableau
Supposons que vous souhaitiez effectuer différentes actions en fonction de la longueur d'un tableau. Voici un exemple :
laissez monTableau = [1, 2, 3]; switch (myArray.length) { case 0 : console.log('Le tableau est vide'); casser; cas 1 : console.log('Le tableau a un élément'); casser; cas 2 : console.log('Le tableau comporte deux éléments'); casser; par défaut : console.log('Le tableau contient plus de deux éléments'); }
Dans cet exemple, nous utilisons lelongueurpropriété du tableau comme expression dans lechangerdéclaration. En fonction de la longueur du tableau, différents messages sont imprimés sur la console.
Scénario 2 : Vérification d'éléments spécifiques dans un tableau
Vous souhaiterez peut-être également vérifier si un tableau contient des éléments spécifiques et effectuer différentes actions en conséquence. Voici comment procéder :
laissez les couleurs = ['rouge', 'vert', 'bleu']; laissez colorToCheck = 'vert'; switch (colors.includes(colorToCheck)) { case true : console.log(`${colorToCheck} est dans le tableau`); casser; case false : console.log(`${colorToCheck} n'est pas dans le tableau`); casser; }
Dans cet exemple, nous utilisons lecomprendméthode pour vérifier si lecouleurÀVérifierest présent dans lecouleurstableau. Le résultat ducomprendméthode (soitvraiouFAUX) est utilisée comme expression dans lechangerdéclaration.
Contexte réel : changer de produit
En tant que fournisseur de commutateurs, nous proposons une large gamme de produits de commutation, tels que leInterrupteur d'alimentation général automobile,Interrupteur à bascule pour bateau, etInterrupteur à bascule momentané. Ces commutateurs sont utilisés dans diverses applications, et le concept de logique conditionnelle, similaire auchangerdéclaration en JavaScript, est cruciale dans leur conception et leurs fonctionnalités.
Par exemple, dans un système automobile, unInterrupteur d'alimentation général automobileIl se peut que vous deviez effectuer différentes actions en fonction de la position du commutateur. Si l'interrupteur est en position « on », il peut allumer certains composants électriques, tandis qu'en position « off », il peut couper l'alimentation. Ceci est similaire à la façon dont unchangerL'instruction en JavaScript peut effectuer différentes actions en fonction de la valeur d'une expression.
Techniques avancées avec Switch et Arrays
Instructions de commutateur imbriquées avec des tableaux
Vous pouvez également utiliser deschangerdéclarations lorsque vous travaillez avec des tableaux. Par exemple, disons que vous disposez d'un tableau à deux dimensions et que vous souhaitez effectuer différentes actions en fonction des éléments externes et internes du tableau.
soit matrice = [ [1, 2], [3, 4] ]; switch (matrix.length) { cas 1 : switch (matrix[0].length) { cas 1 : console.log('La matrice a une ligne et une colonne'); casser; cas 2 : console.log('La matrice a une ligne et deux colonnes'); casser; } casser; cas 2 : switch (matrix[0].length) { cas 1 : console.log('La matrice a deux lignes et une colonne'); casser; cas 2 : console.log('La matrice a deux lignes et deux colonnes'); casser; } casser; }
Dans cet exemple, nous vérifions d'abord la longueur du tableau externe (matrice.longueur). Ensuite, en fonction du résultat, on utilise un autrechangerinstruction pour vérifier la longueur du tableau interne.
Gestion des erreurs et meilleures pratiques
Lors de l'utilisationchangerinstructions avec des tableaux, il est important de prendre en compte la gestion des erreurs. Par exemple, si vous utilisez lecomprend, assurez-vous que le tableau et la valeur que vous vérifiez sont du type correct. Aussi, incluez toujours undéfautcas dans votrechangerinstruction pour gérer les valeurs inattendues.
Conclusion
Utiliser unchangerUne instruction avec des tableaux en JavaScript peut être un moyen puissant de gérer différents scénarios basés sur les propriétés et les éléments d'un tableau. Que vous vérifiiez la longueur d'un tableau, la présence d'éléments spécifiques ou que vous utilisiez deschangerdéclarations, leschangerL'instruction fournit un moyen clair et concis d'écrire du code conditionnel.
En tant que fournisseur de commutateurs, nous comprenons l'importance de composants fiables et efficaces dans diverses applications. NotreInterrupteur d'alimentation général automobile,Interrupteur à bascule pour bateau, etInterrupteur à bascule momentanésont conçus pour répondre aux plus hauts standards de qualité et de performance.
Si vous êtes intéressé par nos produits de commutation ou si vous avez des questions sur la façon dont ils peuvent être utilisés dans vos projets, nous vous encourageons à nous contacter pour un achat et une discussion plus approfondie. Nous sommes là pour vous aider à trouver les solutions de commutation adaptées à vos besoins.
Références
- "JavaScript : le guide définitif" par David Flanagan
- MDN Web Docs - Déclaration de commutation JavaScript