Méthode jQuery indexof()

Dans cet article, nous aborderons la capacité jQuery indexOf, qui renvoie une position de l’élément ou du caractère spécifié dans les éléments ou la chaîne spécifiés.

Utiliser la méthode indexOf dans jQuery

La fonction de tableau jQuery indexOf() est utilisée pour renvoyer l’index de la première occurrence d’un élément donné ou d’une valeur de recherche dans un tableau donné. La fonction de tableau jQuery indexOf() est une fonction jQuery intégrée.

La fonction indexOf() du tableau jQuery trouve la valeur/l’élément de recherche spécifié dans le tableau spécifié. Si la valeur/l’élément est trouvé, il renvoie la première occurrence de l’élément sous la forme d’une valeur entière à partir de la gauche, et il renvoie -1 si l’élément n’est pas trouvé dans le tableau,

La recherche de l’élément peut également être lancée à partir de l’index ou de la position spécifiés. Si l’index de départ n’est pas précisé, la recherche démarre depuis le début, index 0 par défaut.

Pour lancer une recherche à la fin, on peut utiliser la fonction lastIndexOf() de jQuery.

Syntaxe:

array.indexOf(searchValue, initPosition);

1. searchValue est un paramètre obligatoire. Il indique la searchValue, qui consiste à chercher dans un tableau.
2. initPosition est un paramètre facultatif. Il indique la valeur d’index à partir de laquelle la recherche de l’élément doit commencer.

La valeur d’index de l’élément spécifié sera renvoyée en sortie de cette fonction. Comprenons-le avec un exemple simple.

Code-HTML :

<select id="index">
  <option>Japanese</option>
  <option>English</option>
  <option>Hindi</option>
  <option>French</option>
  <option>Telugu</option>
</select>

Code-JavaScript + jQuery :

const languages = ['English', 'Hindi', 'Japanese', 'Marathi', 'French'];
$('#index').on(
    'change', () => {console.log(languages.indexOf($('#index').val(), 0))});

Nous avons déjà défini les langues dans un ordre aléatoire dans l’exemple ci-dessus, et une fois que l’utilisateur sélectionne l’une des langues, il essaie de trouver l’index de la langue dans le tableau existant. Ceci est particulièrement utile lorsque ces données arrivent dynamiquement.

Essayez d’exécuter l’extrait de code dans n’importe quel navigateur prenant en charge jQuery. Il affichera le résultat ci-dessous lors de la sélection de l’hindi ou du français, respectivement.

Production:

1
4

Exécuter le code de démonstration