Comment rechercher via des tableaux en javascript à l'aide de méthodes de tableau?
Nous allons examiner certaines méthodes qui nous aident à rechercher un élément à l'intérieur d'un tableau. Ces méthodes sont:
- comprend ()
- Indice de()
- trouver()
- filtre()
Pour tester toutes les méthodes de ce tutoriel, nous allons créer un tableau contenant divers éléments:
array = ["google", 13, 66, "Ceci est une longue phrase", "table et chaise"];Le .Méthode incluse ()
Lorsque vous voulez passer par un tableau juste pour répondre à la question «cet élément existe-t-il dans ce tableau ou non?«Vous utilisez le .Méthode incluse (). La façon dont le .comprend () La méthode fonctionne est qu'il recherche chaque élément à l'intérieur du tableau pour une correspondance et s'il trouve une correspondance, il renvoie vrai Sinon, il reviendra faux.
Syntaxe de .Méthode incluse ()
art.Comprend (elem);Valeur de retour: Une valeur booléenne
Exemple
Maintenant que nous avons notre tableau:
Essayons de découvrir s'il y a un élément «Google» présente, en utilisant la ligne de code suivante:
console.journal (tableau.inclut ("Google"));La sortie est:
Il revient vrai, ce qui signifie que l'élément que nous recherchions est en effet présent dans le tableau.
Il est temps de vérifier si le numéro 23 est présent à l'intérieur de notre tableau ou non. Nous pouvons rechercher 23 en utilisant la commande:
console.journal (arr.Comprend (23));Nous obtenons la sortie:
Il est revenu faux, ce qui signifie qu'il n'y a pas un tel élément présent à l'intérieur du tableau.
Le .Méthode indexof ()
Le Indice de() La méthode fonctionne de manière similaire à la comprend () Méthode mais une différence subtile entre ces deux fonctions est que le Indice de() La méthode recherche le tableau pour l'élément souhaité et renvoie sa valeur d'index au lieu de renvoyer seulement une valeur booléenne. S'il n'y a pas un tel élément présent à l'intérieur du tableau, il renvoie la valeur d'index de -1.
Syntaxe de .Méthode indexof ()
La syntaxe du .Indice de() La méthode est assez basique. C'est:
Valeur de retour: Index de l'élément à l'intérieur du tableau.
Exemple
Prendre le tableau déclaré:
Nous allons tester cette fonction en essayant de trouver l'élément «table et chaise» avec la commande suivante:
console.journal (tableau.indexof ("table et chaise"));La sortie est:
La sortie est 4, car l'élément «table et chaise» était le cinquième élément à l'intérieur du tableau et nous savons que le premier élément à l'intérieur du tableau commence à partir de l'index «0», c'est pourquoi le 5ème élément a l'index 4.
Prenons un autre exemple dans lequel nous allons essayer de trouver l'index de l'élément «yahoo» à l'intérieur de notre tableau.
console.journal (tableau.indexof ("yahoo"));Nous obtenons la sortie suivante:
Comme nous pouvons le voir, la sortie est -1, ce qui signifie que l'élément «yahoo» n'est pas présent à l'intérieur de notre tableau.
Le .Find () Méthode
Le .trouver() La méthode prend une fonction de rappel et itère sur l'ensemble du tableau afin de trouver et de renvoyer le premier élément qui remplit une certaine condition donnée dans la fonction de rappel.
Syntaxe de .Find () Méthode
La syntaxe de .trouver() La fonction est:
Cette méthode a pas mal de paramètres:
- fonction: la fonction de rappel qui sera vérifiée dans chaque élément du tableau.
- ce: paramètre par défaut - ce argument de la méthode
La fonction de rappel prend en outre trois arguments:
- élément: L'élément unique du tableau pendant l'itération, qui est apparié avec une condition donnée dans la fonction
- indice: Index de l'élément actuel
- déployer: de l'élément actuel
Valeur de retour: L'élément qui passe la condition autrement indéfini.
Exemple
Essayons de trouver un élément à l'intérieur du tableau qui a une longueur de plus de 10 en utilisant la commande suivante:
Nous obtenons la sortie suivante:
Le premier élément qui a une longueur de plus de 10 a été imprimé même s'il y avait encore un autre élément à l'intérieur du tableau qui avait une longueur de plus de 10.
Faisons cette seule chose, en passant la condition de plus de 10 à plus de 30, nous savons que nous n'avons aucun élément à l'intérieur de notre tableau qui a une longueur de plus de 30.
Utilisez la commande suivante:
console.journal (tableau.trouver (elem => elem.longueur> 30));La sortie que nous obtenons est:
Comme nous le savions déjà, nous n'avions aucun élément avec une longueur de plus de 30, par conséquent, la fonction nous est retournée avec «Undefined».
Le .Méthode filtre ()
Comme nous le savons maintenant que le .trouver() La méthode ne trouve que le premier élément qui remplit une certaine condition, puis cesse de s'exécuter. Mais la plupart du temps, vous ne voulez pas cela, vous voulez une liste de tous les éléments qui remplissent cette condition spécifique. C'est pourquoi nous utilisons le .filtre() méthode.
Le .filtre() La méthode recherche le tableau et renvoie un tableau de tous les éléments qui remplissent une certaine condition.
Syntaxe de la méthode Filter ()
La syntaxe de la méthode filtre () est assez similaire .Find () Méthode. C'est comme:
Expliquons très brièvement ses paramètres.
- fonction: la fonction de rappel
- ce: paramètre par défaut - ce argument de la méthode
La fonction de rappel prend en outre trois arguments:
- élément: L'élément unique du tableau pendant l'itération, qui est apparié avec une condition donnée dans la fonction
- indice: Index de l'élément actuel
- déployer: Tableau de l'élément actuel
Valeur de retour: Un tableau contenant tous les éléments qui ont passé la condition, sinon un tableau vide.
Exemple
Prenons l'exemple de la méthode précédente, qui est, pour vérifier le tableau des éléments qui ont une longueur de plus de 10 en utilisant la commande:
La sortie de la commande est comme:
Comme vous pouvez le voir, cette méthode a renvoyé un tableau de tous les éléments qui remplissaient notre condition. Mais que se passe-t-il, tout comme les exemples de la méthode précédente, nous voulons rechercher les éléments d'une longueur de plus de 30?. Eh bien, nous le faisons en utilisant l'énoncé suivant:
console.journal (tableau.filtre ((elem) => elem.longueur> 30));La sortie que nous obtenons est:
Puisqu'il n'y avait même pas un seul élément à l'intérieur du tableau qui avait une longueur de plus de 30, c'est pourquoi cette méthode nous a rendu un tableau vide.
Ainsi, en fin de compte, nous sommes maintenant conscients de certaines réponses après avoir utilisé ces méthodes:
- Voulez-vous savoir si un élément est présent à l'intérieur d'un tableau?
Utilisez le .comprend () méthode - Voulez-vous trouver et obtenir l'index d'un élément spécifique à l'intérieur du tableau?
Utilisez le .Indice de() méthode - Voulez-vous savoir quel élément ou quels éléments répondent à une condition spécifique?
Utilisez le .trouver() et .filtre() méthodes
Conclusion
Traiter les données stockées à l'intérieur des tableaux est une partie cruciale et intégrale de tout langage de programmation, en particulier lorsque vous travaillez avec des données structurées à l'intérieur des tableaux. Nous pouvons rechercher dans un tableau en utilisant les quatre méthodes clés fournies dans JavaScript. Ces méthodes sont à savoir include (), find (), indexof (), filter (). Nous avons appris la syntaxe de ces méthodes, leurs valeurs de retour ainsi que leurs exemples.