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.

Cet audio est produit dans la langue originale de l'histoire !

Trop long; Pour lire

Making security fun one episode at a time

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

Trop long; Pour lire

Ignatius Sani

STORY’S CREDIBILITY

Code License

Guide

About Author

ÉTIQUETTES

Languages

CET ARTICLE A ÉTÉ PARU DANS...

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

Trop long; Pour lire

Ignatius Sani

STORY’S CREDIBILITY

Code License

Guide

About Author

ÉTIQUETTES

Languages

CET ARTICLE A ÉTÉ PARU DANS...

HISTOIRES CONNEXES