Aujourd'hui, examinons une autre méthode de tableau JavaScript, qui est la méthode   . Nous allons apprendre à déterminer si un élément existe dans un tableau en utilisant la méthode   . some() some()  Comme toujours, les exemples de code de cet article sont écrits en langage JavaScript. Par conséquent, la connaissance de la langue est nécessaire pour une bonne compréhension. Sans plus tarder, plongeons dedans.     Qu'est-ce que la méthode JavaScript some()  ?  La méthode Javascript some() détermine si au moins un membre du tableau satisfait le test défini par la fonction donnée. Elle renvoie true si elle trouve un élément dans le tableau pour lequel la fonction spécifiée renvoie true ; sinon, il renvoie faux. Il n'apporte aucune modification au tableau.   Passons en revue cet extrait de code pour une meilleure compréhension de cette méthode :   const basket = ["oranges", "apples", "pineapple", "yam"] basket.some(bas => bas.length === 3) // true basket.some(bas => bas.length <= 1) // false  On essaie simplement de tester si l'une des longueurs des fruits dans le tableau panier est exactement égale à 3. Au moins dans le tableau, un membre satisfait à ce test ; c'est "igname" dans ce cas. Notre résultat attendu serait vrai. La deuxième condition vérifie s'il y a une longueur de fruit inférieure ou égale à 1. Cela entraînerait un faux car nous n'avons évidemment aucune longueur inférieure ou égale à 1.     Comment utiliser la méthode JavaScript some()  ?  La méthode javascript some() est facile à utiliser ; Laisse moi te montrer comment.  Commençons par comprendre comment la syntaxe est écrite.   La syntaxe s'écrit simplement en entourant le mot 'some' d'une parenthèse '()' comme suit :   some()  Comme il s'agit d'une méthode, elle accepte des arguments, ce qui vous donne une plus grande flexibilité sur ce que vous pouvez faire avec un tableau à l'aide de la méthode some().   Ils sont les suivants :  Élément  Indice  Déployer  Élément  Le paramètre element indique l'élément en cours de traitement dans le tableau.  Indice  L'index est juste l'index de l'élément courant qui a été traité dans le tableau.  Déployer  C'est le tableau dans lequel nous appelons la méthode some().  Maintenant que nous comprenons la syntaxe, voyons à quoi ressemble la méthode complète.   some((element, index, array) => { /*... */ })  Comme vous pouvez le voir, nous avons les trois paramètres inclus dans l'extrait de code ci-dessus, qui fournit un exemple clair de la façon de construire cette méthode.  Selon vos besoins, vous pouvez choisir de sauter certaines caractéristiques. Semblable à l'index, vous pouvez l'offrir comme l'une des options si vous voulez des détails supplémentaires sur le tableau. Tous les critères ne doivent pas toujours être inclus.  Trois façons d'écrire la méthode JavaScript some()   Les trois manières courantes d'écrire du Javascript sont les suivantes :  Fonction flèche  Fonction de rappel en ligne  Fonction de rappel   Fonction flèche  La fonction flèche a été introduite dans ES6, qui tente de résoudre certains problèmes rencontrés par la fonction traditionnelle. Cette fonction peut également être utilisée avec les méthodes some() :   some((element, index, array) => { /*... */ })  Fonction de rappel en ligne  Nous avons la possibilité d'écrire la fonction de rappel dans la méthode some() sans la stocker dans une variable.   const basket = ["oranges","apples","pineapple","yam"] const result = basket.some(function (element, index, array)) { return element.length >= 7 }) console.log(result)  Fonction de rappel  Ce style peut être écrit en déclarant d'abord la fonction et en la stockant dans une variable, puis en la passant comme rappel à la méthode some(), comme ceci :   const basket = ["oranges","apples","pineapple","yam"] function callBack(bas){   return bas.length === 7 } const result = basket.some(callBack) console.log(result)  Cas d'utilisation  Validation des entrées de formulaire  confirmer l'existence d'un élément  Autorisation et contrôle d'accès  rendre les entrées de formulaire valides  Lors du traitement des soumissions de formulaires, la fonction   peut être utilisée pour déterminer quels champs de saisie répondent à des exigences spécifiques. Par exemple, vous pouvez vérifier que toutes les entrées contiennent des adresses e-mail valides ou qu'au moins un champ obligatoire est rempli. some()  Je vais vous donner un exemple de ce à quoi cela pourrait ressembler.   const formInputs = document.querySelectorAll('input'); const isAnyInputEmpty = Array.from(formInputs).some(input => input.value === ''); if (isAnyInputEmpty) {   console.log('Please fill in all required fields.'); } else {  console.log('Form submitted successfully.'); }  Dans l'exemple de code, nous nous assurons que l'utilisateur ne soumet pas un champ vide ; nous voulons les avertir s'ils le laissent vide immédiatement. Et s'ils répondent aux exigences en soumettant au moins les données pertinentes, nous voulons gérer la soumission.  Confirmation de l'existence d'un élément  Si nous avons un panier de produits ou une structure de données dans notre application Web, nous pouvons utiliser some() pour déterminer si un produit spécifique existe. Ceci est particulièrement utile lorsque nous voulons effectuer certaines actions en fonction de la présence ou non d'un élément. Jetons un coup d'œil à cet exemple de code qui l'explique mieux.   const shoppingCart = ['shoes', 'T-shirt', 'trouser']; const itemPresent = shoppingCart.some(item => item === 'trouser'); if (itemPresent){ console.log('Product exists in the cart.') } else { console.log('Product does not exist in the cart.') }  Nous vérifions si nous avons un « pantalon » dans le panier. Nous nous connectons à la console lorsque nous confirmons qu'elle est dans le panier.  Autorisation et contrôle d'accès  Lors de la mise en œuvre de systèmes d'authentification et d'autorisation des utilisateurs, nous pouvons utiliser some() pour vérifier si un utilisateur dispose d'au moins une autorisation requise ou appartient à l'un des rôles spécifiés. Cela nous permet de contrôler l'accès à certaines fonctionnalités ou ressources.   const userRoles = ['admin', 'editor']; const permissions = ['admin', 'moderator']; const hasRequiredRole = permissions.some(role => userRoles.includes(role)); if (hasRequiredRole){ console.log('Access granted.') } else { console.log('Access denied.'); }  Dans l'exemple de code, nous avons utilisé la combinaison des méthodes includes() et some() pour accorder des autorisations en fonction des rôles de l'utilisateur. Si le rôle d'un utilisateur correspond à l'autorisation requise, nous lui accordons l'accès ; sinon, nous leur refusons l'accès.  Plats à emporter  Enfin, la méthode javascript some() est utilisée pour tester les conditions. Cela ne change pas le tableau d'origine. Ils acceptent trois paramètres : element, Index et array', où le paramètre element indique l'élément actuel qui est traité dans le tableau et le paramètre index est "l'index" de l'élément actuel qui a été traité dans le tableau.  Merci d'avoir lu mon avis sur la méthode array de JavaScript, en particulier la méthode some(). Qu'avez-vous pensé de l'explication ? Allez-vous essayer?  Faites-moi part de vos réflexions dans les commentaires ci-dessous et   pour de futurs articles. suivez-moi sur HackerNoon

The code in this story is for educational purposes. The readers are solely responsible for whatever they build with it.

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

2022 - HackerNoon Contributor of the Year - Coding

Une plongée profonde dans la méthode JavaScript Some()

About Author

COMMENTAIRES

ÉTIQUETTES

CET ARTICLE A ÉTÉ PARU DANS

Related Stories

Créer des produits cryptographiques centrés sur l'utilisateur : l'importance des retours clients

HackerNoon Decoded: The Top 10 Countries Where HackerNoon Is the Most Active

Vous voulez gagner un concours d’écriture HackerNoon ? Voici ce que recommandent les gagnants du concours #crypto-api

La fuite de l'invite du système Claude Sonnet 3.5 : une analyse médico-légale

Créer des produits cryptographiques centrés sur l'utilisateur : l'importance des retours clients

HackerNoon Decoded: The Top 10 Countries Where HackerNoon Is the Most Active

Vous voulez gagner un concours d’écriture HackerNoon ? Voici ce que recommandent les gagnants du concours #crypto-api

La fuite de l'invite du système Claude Sonnet 3.5 : une analyse médico-légale

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps