Aujourd'hui, examinons une autre méthode de tableau JavaScript, qui est la méthode some()
. Nous allons apprendre à déterminer si un élément existe dans un tableau en utilisant la méthode 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.
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.
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 :
Le paramètre element indique l'élément en cours de traitement dans le tableau.
L'index est juste l'index de l'élément courant qui a été traité dans le tableau.
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.
Les trois manières courantes d'écrire du Javascript sont les suivantes :
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) => { /*... */ })
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)
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)
Lors du traitement des soumissions de formulaires, la fonction some()
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.
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.
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.
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.
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 suivez-moi sur HackerNoon pour de futurs articles.