JQuery | método inArray() – Barcelona Geeks

Este método inArray() en jQuery se usa para buscar un valor específico en una array y devolver su índice (o -1 si no se encuentra).

Sintaxis:

jQuery.inArray(val, arr [, Index])

Parámetros: el método inArray() acepta algunos parámetros que se mencionan anteriormente y se describen a continuación:

val: El valor a buscar en una array.
arr: Cualquier array como objeto.
Índice: índice de la array desde la que comenzar la búsqueda.

Valor devuelto: Devuelve el índice del elemento en una array.

Ejemplo 1: En este ejemplo, el método inArray() busca el elemento ‘geek’ en la array.

<!DOCTYPE HTML> 
<html>
  
<head> 
    <title> 
        JQuery | inArray() method
    </title>
      
    <script src = 
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </script>
</head> 
  
<body style="text-align:center;"> 
      
    <h1 style="color: green"> 
        GeeksForGeeks 
    </h1> 
      
    <p id="GFG_UP"></p>
      
    <button onclick="gfg_Run()"> 
        Click Here 
    </button> 
      
    <p id="GFG_DOWN" style="color:green;"></p>
      
    <script> 
        var el_up = document.getElementById("GFG_UP"); 
        var el_down = document.getElementById("GFG_DOWN");
          
        var arr = ["GFG", "GeeksForGeeks", "Geek", "Geeks"];
        var val = "Geek";
          
        el_up.innerHTML = "Click on the button to "
                        + "search the element.<br>"
                        + "Array - [" + arr + 
                        "]<br>Element - '" + val + "'";
          
        function gfg_Run() { 
            el_down.innerHTML = $.inArray(val, arr); 
        } 
    </script> 
</body> 
  
</html>

Producción:

Ejemplo 2: En este ejemplo, el método inArray() busca el elemento ‘geek’ en el arreglo como en el ejemplo anterior. Pero, el atributo de índice también se pasa para buscar el elemento del índice 3 y devolver -1.

<!DOCTYPE HTML> 
<html>
  
<head> 
    <title> 
        JQuery | inArray() method
    </title>
  
    <script src = 
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </script>
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color: green"> 
        GeeksForGeeks 
    </h1> 
  
    <p id="GFG_UP"></p>
  
    <button onclick="gfg_Run()"> 
        Click Here 
    </button> 
  
    <p id="GFG_DOWN" style="color:green;"></p> 
  
    <script> 
        var el_up = document.getElementById("GFG_UP"); 
        var el_down = document.getElementById("GFG_DOWN");
          
        var arr = ["GFG", "GeeksForGeeks", "Geek", "Geeks"];
        var val = "Geek";
  
        el_up.innerHTML = "Click on the button to search"
                + "the element.<br>Array - [" + arr + 
                "]<br>Element - '" + val + "'"; 
                  
        function gfg_Run() { 
            el_down.innerHTML = $.inArray(val, arr, 3); 
        } 
    </script> 
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta