Index Javascript De

| | | | | | | | | | | | | | | | | | | |

La méthode JavaScript indexOf() renvoie la position d’un élément dans une liste ou d’une sous-chaaîne dans une chaaîne. La méthode JavaScript indexOf() renvoie -1 si une valeur spécifiée n’apparaaît pas dans une liste ou une chaaîne. Seule la valeur d’index de la première occurrence d’une valeur est renvoyée.

Souvent, vous voudrez peut-être savoir si la chaaîne ou le tableau contient une valeur particulière. Par exemple, vous pourriez avoir une liste d’arômes de beignets vendus dans votre magasin de beignets. Vous voudrez peut-être vérifier si vous avez supprimé le beignet triple chocolat impopulaire du menu.

C’est là que la méthode JavaScript indexOf () est utile. La méthode indexOf () renvoie le premier index auquel une valeur donnée peut être trouvée dans un tableau ou une chaaîne. Si aucune valeur n’est trouvée, une valeur spéciale -1 est renvoyée.

Dans ce tutoriel, nous allons explorer les bases de la méthode indexOf () en JavaScript. Nous allons regarder deux exemples pour montrer cette méthode en action pour vous aider à mieux comprendre la méthode indexOf().

JavaScript indexOf() avec Array

Le Array .indexOf () méthode intégrée recherche une valeur dans un tableau. La méthode trouve la valeur d’index de la première fois qu’un élément spécifié est affiché dans un tableau. Si un élément spécifié est trouvé, la méthode indexOf () renvoie le numéro d’index de la première occurrence de la valeur. Si l’élément spécifié n’est pas trouvé, indexOf() renverra -1.

La méthode indexOf() est qui prend en compte les majuscules ou les minuscules. Cela signifie que indexOf() renverra -1 si une valeur apparaaît dans une liste avec une casse autre que celle que nous avons spécifiée.

Voici la syntaxe de indexOf() méthode en JavaScript:

La méthode indexOf () est sensible à la casse. Voici la syntaxe de la fonction indexOf () en JavaScript:

Le paramètre item est l’élément que nous recherchez dans notre tableau JavaScript . Ce paramètre est obligatoire. Le paramètre start_position est facultatif. start_position est la position dans notre tableau o√π indexOf () démarre la recherche.

Un exemple de scénario

Disons que nous n’avons plus de cannelle. Nous voulons vérifier si les brioches à la cannelle sont toujours répertoriées dans le menu de notre boutique. Si des beignets sont au menu, nous les supprimerons. Nous pourrions utiliser le code suivant pour effectuer cette action:

La méthode indexOf renvoie: 2. Comme vous pouvez le voir, Cinnamon est présent dans notre tableau . Ainsi, notre code a renvoyé la valeur d’index de la première instance de Cinnamon dans notre tableau, qui dans ce cas est 2.

L’indexOf la méthode renvoie: 2. Comme vous pouvez le voir, Cinnamon est présent dans notre tableau. Ensuite, notre code a renvoyé la valeur d’index de la première instance de Cinnamon dans notre tableau, qui dans ce cas est 2.

Notre programme doit renvoyer 2 même si notre tableau contient plusieurs instances de Cinnamon. En effet, indexOf () renvoie uniquement la position d’index de la première instance d’un élément.

Disons que notre chef a inventé un nouveau beignet Jam Supreme et l’a ajouté à notre gamme de donut_flavors. Cependant, elle ne sait pas si on l’appelle le beignet Jam ou Jam Supreme. Il veut vérifier que le menu est correct.

Car Jam est déjà le premier dans le array, indexOf () retournera la position de Jam. Cependant, si nous utilisons le paramètre start_position, nous pouvons sauter la première position et exécuter Voici le code que notre chef pourrait utiliser pour vérifier si Jam apparaaît après la position d’index 1 dans le tableau:

Le notre code renvoie: -1. Alors que Jam existe dans notre tableau, il vient avant la valeur d’index 1. La valeur Jam n’existe pas dans la région que nous recherchons o.

JavaScrip t indexOf () avec des chaaînes

indexOf () peut être utilisé pour trouver un sous-chaaîne dans une chaaîne . La méthode string indexOf() renvoie le numéro d’index auquel une sous-chaaîne commence dans une autre chaaîne.

Mise à jour des chaaînes

Comme les tableaux, les chaaînes en JavaScript ont également leurs propres valeurs d’index. Les chaaînes sont indexées de gauche à droite, en commençant par la valeur d’index . Ainsi, pour notre exemple de chaaîne ci-dessus, les valeurs d’index suivantes seraient attribuées:

E < / td> x a m p l et !
1 2 3 4 5 6 6

Donc si nous voulions obtenir le caractère à la position d’index 4, nous pourrions le faire en utilisant le code suivant:

Notre code renvoie: p.

String.indexOf ()

La méthode String.indexOf () peut être utilisée pour vérifier si une chaaîne contient une sous-chaaîne particulière. Si la sous-chaaîne peut être trouvée dans la chaaîne, indexOf() renverra la position d’index de l’occurrence de la lettre ou de la chaaîne ; si la sous-chaaîne est introuvable, indexOf() renverra -1.

La méthode String.indexOf() utilise la même syntaxe que la méthode Array.indexOf ():

Nous devons spécifier un argument substring. C’est la valeur que nous voulons rechercher dans notre chaaîne. L’argument start_position est facultatif et demande au programme de commencer la recherche à un index spécifique. L’argument start_position par défaut est l’index 0.

Disons que nous avons une chaaîne avec les noms des donuts et que nous voulons vérifier si la chaaîne contient Myrtille. Nous pourrions utiliser le code suivant pour effectuer cette action:

Notre code renvoie: 4. Comme vous pouvez le voir, notre chaaîne donut_flavors contient Blueberry et la sous-chaaîne commencent à la position d’index 4.

Notre code renvoie: 4. Comme vous pouvez le voir, nos donut_flavors la chaaîne contient Blueberry et la sous-chaaîne commence à la position d’index 4.

Mais et si nous voulions vérifier si notre chaaîne donut_flavors contenait Blueberry après une position d’index spécifique ? C’est là qu’intervient l’argument start_position.

Cherchons le terme Myrtille dans notre liste. Nous commencerons notre recherche à partir de la position d’index 10 dans notre liste:

Notre code renvoie: -1. Alors que "donut_flavors" inclut "Myrtille," la chaaîne commence avant la valeur d’index 10 dans le tableau. Notre code renvoie "-1". Cela indique que la sous-chaaîne n’a pas été trouvée.

Vérifiez si une valeur existe en utilisant indexOf()

Vous pouvez utiliser une instruction "if" avec la méthode indexOf() pour vérifier si une valeur existe dans une chaaîne ou un tableau. Par exemple, vous pouvez utiliser indexOf () pour vérifier si le menu donut contient une valeur particulière. Ensuite, vous pouvez imprimer un message à la console si cette valeur est trouvée.

√âcrivons un programme qui imprime un message à la console si "Chocolate" est dans une liste de donuts. Voici notre code:

Notre code renvoie: "Les beignets au chocolat sont au menu !".

En première ligne de notre code, nous déclarons notre tableau de saveur de beignet appelé "donut_flavors," qui contient six valeurs.

Ensuite, nous créons une instruction if qui utilise indexOf pour vérifier si "Donut_flavors " contient "Chocolat." Cette instruction if évalue si indexOf renvoie une valeur égale à "-1."

Si indexOf renvoie "-1," signifie que notre valeur n’a pas été trouvée dans le tableau. Cela signifie que notre instruction if ne sera pas exécutée. Si indexOf renvoie une autre valeur, notre instruction if sera exécutée.

Dans ce cas, indexOf () renverra 2. C’est parce que "Chocolate" il est présent dans notre tableau "donut_flavors". Notre programme affiche "Les beignets au chocolat sont au menu !" car indexOf a renvoyé une valeur qui n’est pas égale à -1.

Conclusion

La méthode JavaScript indexOf() vérifie si une chaaîne ou un tableau contient une valeur particulière. La méthode renvoie le numéro d’index auquel cette valeur est trouvée dans la chaaîne ou le tableau. Si la valeur spécifiée n’est pas trouvée, indexOf() renvoie "-1."

Dans ce tutoriel, nous avons abordé les bases des tableaux, chaaînes et comment elles sont indexées, nous avons donc exploré comment utiliser la méthode indexOf () avec des chaaînes et des tableaux pour vérifier si elle contenait une valeur spécifique.

Nous avons expliqué comment utiliser la indexOf() et une instruction "if" pour vérifier si une valeur existe dans une liste ou une chaaîne.