jQuery.inArray (), как правильно его использовать?

Впервые работаю с jQuery.inArray() и это выглядит странно.

Если объект находится в массиве, он вернет 0, но 0 является ложным в Javascript. Таким образом, будет выведено следующее: «НЕ в массиве»

var myarray = [];
myarray.push("test");

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

Мне придется изменить оператор if на:

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

Но это делает код нечитаемым. Особенно для тех, кто не знает эту функцию. Они ожидают, что jQuery.inArray («test», myarray) выдает true, когда «test» находится в массиве.

Итак, мой вопрос, почему это делается так? Я действительно не люблю это. Но должна быть веская причина, чтобы сделать это так.

inArrayвозвращает индекс элемента в массиве, а не логическое значение, указывающее, существует ли элемент в массиве. Если элемент не был найден, -1будет возвращен.

Итак, чтобы проверить, есть ли элемент в массиве, используйте:

if(jQuery.inArray("test", myarray) !== -1)

$.inArrayвозвращает индекс элемента, если он найден, или -1, если это не так - не логическое значение. Так что правильно

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

Ответ приходит из первого параграфа проверки документации, если результаты больше -1, а не если это правда или ложь.

Метод $ .inArray () похож на нативный метод JavaScript .indexOf () в том смысле, что он возвращает -1, если не находит соответствия. Если первый элемент в массиве соответствует значению, $ .inArray () возвращает 0.

Поскольку JavaScript обрабатывает 0 как свободно равный false (то есть 0 == false, но 0! == false), если мы проверяем наличие значения в массиве, нам нужно проверить, не равно ли оно (или больше, чем ) -1.

Правильный способ использования inArray(x, arr)- не использовать его вообще , а использовать вместо этого arr.indexOf(x).

Официальное стандартное имя также более ясно на тот факт, что возвращаемое значение является индексом, поэтому, если переданный элемент является первым, который вы получите обратно 0(это неверно в Javascript).

(Обратите внимание, что arr.indexOf(x)это не поддерживается в Internet Explorer до IE9 , поэтому, если вам нужно поддерживать IE8 и более ранние версии, это не будет работать, и функция jQuery является лучшей альтернативой.)

Или, если вы хотите получить немного фантазии, вы можете использовать побитовые операторы not (~) и логические not (!) Для преобразования результата функции inArray в логическое значение.

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

Я обычно использую

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

или

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

Метод jQuery inArray () используется для поиска значения в массиве и возврата его индекса, а не логического значения. И если значение не было найдено, оно вернет -1.

Таким образом, чтобы проверить, присутствует ли значение в массиве, выполните следующую практику:

myArray = new Array("php", "tutor");
if( $.inArray("php", myArray) !== -1 ) {

    alert("found");
}

Ссылка

inArrayФункция возвращает индекс объекта , подаваемый в качестве первого аргумента функции в массиве , подаваемый в качестве второго аргумента функции.

Когда inArrayвозвращается, 0это означает, что первый аргумент был найден в первой позиции предоставленного массива.

Для использования inArrayв операторе if используйте:

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

inArrayвозвращает, -1когда первый аргумент, переданный функции, не найден в массиве, переданном в качестве второго аргумента.

вместо использования jQuery.inArray()вы также можете использовать includesметод для массива int:

var array1 = [1, 2, 3];

console.log(array1.includes(2));
// expected output: true

var pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat'));
// expected output: true

console.log(pets.includes('at'));
// expected output: false

проверьте официальный пост здесь

jQuery.inArray () возвращает индекс элемента в массиве или -1, если элемент не был найден. Узнайте больше здесь: jQuery.inArray ()

Он вернет индекс элемента в массиве. Если он не найден, вы получите-1

Если мы хотим проверить, что элемент находится внутри набора элементов, мы можем сделать, например:

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');
    }
}

/^(one|two|tree)$/i.test(field) // field = Two; // true
/^(one|two|tree)$/i.test(field) // field = six; // false
/^(раз|два|три)$/ui.test(field) // field = Три; // true

Это полезно для проверки динамических переменных. Этот метод легко читается.

$.inArray()выполняет ТОЧНУЮ ЖЕ ВЕЩЬ как myarray.indexOf()и возвращает индекс элемента, для которого проверяется массив, на наличие. Это просто совместимо с более ранними версиями IE до IE9. Наилучшим выбором, вероятно, является использование, myarray.includes()которое возвращает логическое значение true / false. Смотрите фрагмент кода ниже для примеров вывода всех 3 методов.

// 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) );
});

#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; }

<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>

Чувак, проверь док .

например:

var arr = [ 4, "Pete", 8, "John" ];
console.log(jQuery.inArray( "John", arr ) == 3);

По какой-то причине, когда вы пытаетесь проверить DOM-элемент jquery, он не будет работать должным образом. Таким образом, переписав функцию, добьемся цели:

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

Просто никто не использует $вместо jQuery:

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

самый короткий и простой способ.

arrayHere = ['cat1', 'dog2', 'bat3']; 

if(arrayHere[any key want to search])   
   console.log("yes found in array");