jQuery.inArray(), comment l'utiliser?

$.inArray renvoie la indice de l'élément s'il est trouvé ou -1 si elle ne l'est pas, pas une valeur booléenne. Donc la bonne est

if(jQuery.inArray("test", myarray) != -1) {
    console.log("is in array");
} else {
    console.log("is NOT in array");
} 

La bonne façon d'utiliser inArray(x, arr) est ne l'utilisez pas à tous les, et d'utiliser au lieu arr.indexOf(x).

La norme officielle nom est aussi plus claire sur le fait que la valeur retournée est un index ainsi, si l'élément passé est le premier que vous obtiendrez une 0 (c'est-à falsy en Javascript).

(Notez que arr.indexOf(x) est pas pris en charge dans Internet Explorer jusqu'à ce que IE9, donc si vous avez besoin de soutien IE8 et plus tôt, cela ne fonctionnera pas, et la fonction jQuery est une meilleure alternative.)

J'ai l'habitude d'utiliser

if(!(jQuery.inArray("test", myarray) < 0))

ou

if(jQuery.inArray("test", myarray) >= 0)

La inArray fonction retourne l'index de l'objet de la livraison comme premier argument de la fonction dans le tableau fourni en tant que deuxième argument de la fonction.

Quand inArray retourne 0 il indique que le premier argument a été trouvé à la première position de la matrice.

À utiliser inArray dans une instruction if utilisation:

if(jQuery.inArray("test", myarray) != -1) {
    console.log("is in array");
} else {
    console.log("is NOT in array");
}

inArray retourne -1 lorsque le premier argument passé à la fonction n'est pas trouvé dans le tableau passé en second argument.

jQuery.inArray() renvoie l'index de l'élément dans le tableau, ou -1 si l'élément n'a pas été trouvé. Lire la suite ici: jQuery.inArray()

Si nous voulons vérifier un élément est à l'intérieur d'un ensemble d'éléments que nous pouvons faire par exemple:

var checkboxes_checked = $('input[type="checkbox"]:checked');

//Whenever a checkbox or input text is changed
$('input[type="checkbox"], input[type="text"]').change(function() {
    //Checking if the element was an already checked checkbox
    if($.inArray( $(this)[0], checkboxes_checked) !== -1) {
        alert('this checkbox was already checked');
    }
}

$.inArray() ne le exactement la MÊME CHOSE comme myarray.indexOf() et renvoie l'index de l'élément à vérifier le tableau de l'existence d'. C'est juste compatible avec les anciennes versions d'IE avant d'IE9. Le meilleur choix est probablement d'utiliser myarray.includes() qui retourne un booléen (true/false valeur. Voir l'extrait de code ci-dessous pour des exemples de sortie de tous les 3 méthodes.

JS:

//Declare the array and define it's values
var myarray = ['Cat', 'Dog', 'Fish'];

//Display the return value of each jQuery function 
//when a radio button is selected
$('input:radio').change( function() {

  //Get the value of the selected radio
  var selectedItem = $('input:radio[name=arrayItems]:checked').val();
  $('.item').text( selectedItem );
  
  //Calculate and display the index of the selected item
  $('#indexVal').text( myarray.indexOf(selectedItem) );
  
  //Calculate and display the $.inArray() value for the selected item
  $('#inArrVal').text( $.inArray(selectedItem, myarray) );
  
  //Calculate and display the .includes value for the selected item
  $('#includeVal').text( myarray.includes(selectedItem) );
});

CSS:

#results { line-height: 1.8em; }
#resultLabels { width: 14em; display: inline-block; margin-left: 10px; float: left; }
label { margin-right: 1.5em; }
.space { margin-right: 1.5em; }

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Click a radio button to display the output of
&nbsp;<code>$.inArray()</code>
&nbsp;vs. <code>myArray.indexOf()</code>
&nbsp;vs. <code>myarray.includes()</code>
&nbsp;when tested against
&nbsp;<code>myarray = ['Cat', 'Dog', 'Fish'];</code><br><br>

<label><input type="radio" name="arrayItems" value="Cat"> Cat</label>
<label><input type="radio" name="arrayItems" value="Dog"> Dog</label>
<label><input type="radio" name="arrayItems" value="Fish"> Fish</label>  
<label><input type="radio" name="arrayItems" value="N/A"> ← Not in Array</label>
<br><br>

<div id="results">
  <strong>Results:</strong><br>
  <div id="resultLabels">
    myarray.indexOf( "<span class="item">item</span>" )<br>
    $.inArray( "<span class="item">item</span>", myarray )<br>
    myarray.includes( "<span class="item">item</span>" )
  </div>
  <div id="resultOutputs">
    <span class="space">=</span><span id="indexVal"></span><br>
    <span class="space">=</span><span id="inArrVal"></span><br>
    <span class="space">=</span><span id="includeVal"></span>
  </div>
 </div>

Pour quelque raison que lorsque vous essayez de vérifier pour un jquery élément du DOM, il ne fonctionnera pas correctement. Donc réécrire la fonction serait de faire le tour:

function isObjectInArray(array,obj){
    for(var i = 0; i < array.length; i++) {
        if($(obj).is(array[i])) {
            return i;
        }
    }
    return -1;
}

Pas seulement celui que l'utilisation $ au lieu de jQuery:

if ($.inArray(nearest.node.name, array)>=0){
   console.log("is in array");
}else{
   console.log("is not in array");
}