jQuery.inArray (), nasıl doğru kullanılır?

İlk kez çalıştığımda jQuery.inArray()biraz garip davranıyor.

Nesne dizideyse, 0 döndürür, ancak Javascript'te 0 yanlıştır. Böylece aşağıdakiler çıkacaktır: "dizide DEĞİL"

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

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

İf ifadesini şu şekilde değiştirmem gerekecek:

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

Ancak bu, kodu okunamaz hale getirir. Özellikle bu işlevi bilmeyen biri için. Dizide "test" olduğunda jQuery.inArray ("test", myarray) işlevinin doğru olmasını beklerler.

Benim sorum şu, neden bu şekilde yapılıyor? Gerçekten bundan hoşlanmıyorum. Ancak bunu yapmak için iyi bir neden olmalı.

inArrayöğenin dizide olup olmadığını gösteren bir boole değeri değil, dizideki öğenin dizinini döndürür. Öğe bulunamadığı -1takdirde iade edilir.

Bu nedenle, bir öğenin dizide olup olmadığını kontrol etmek için şunu kullanın:

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

$.inArrayeğer bulunursa öğenin dizinini , yoksa boolean değerini değil -1 değerini döndürür . Yani doğru

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

Yanıt, belgelerin doğru veya yanlış olması durumunda değil, sonuçların -1'den büyük olup olmadığının ilk paragrafından gelir.

$ .İnArray () yöntemi, bir eşleşme bulamadığında -1 döndürmesi nedeniyle JavaScript'in yerel .indexOf () yöntemine benzer. Dizideki ilk öğe değerle eşleşirse, $ .inArray () işlevi 0 değerini döndürür.

JavaScript 0'a false değerine gevşek olarak davrandığından (yani 0 == false, ancak 0! == false), dizi içindeki değerin varlığını kontrol edersek, değerin eşit olup olmadığını (veya ) -1.

Kullanmanın doğru yolu inArray(x, arr)olduğunu hiç kullanmadığınız ve bunun yerine kullanarak arr.indexOf(x).

Resmi standart isim, döndürülen değerin bir indeks olduğu gerçeği üzerinde daha açıktır, bu nedenle geçirilen öğe ilk ise, geri alırsınız 0(Javascript'te falsy).

(Not arr.indexOf(x)edilir IE9 kadar Internet Explorer desteklenmez , bu nedenle daha önce IE8 desteklemek ve gerekiyorsa, bu olmaz eser ve jQuery işlevi daha iyi bir alternatiftir.)

Ya da biraz süslü olmak istiyorsanız, inArray işlevinin sonucunu bir boole değerine dönüştürmek için bitwise not (~) ve mantıksal değil (!) Operatörlerini kullanabilirsiniz.

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

Genellikle kullanırım

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

veya

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

jQuery inArray () yöntemi, bir dizideki bir değeri aramak ve Boole değerini değil dizinini döndürmek için kullanılır. Ve değer bulunamazsa -1 döndürür.

Bu nedenle, bir dizide bir değerin olup olmadığını kontrol etmek için aşağıdaki uygulamayı izleyin:

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

    alert("found");
}

Referans

inArrayİşlev, ikinci argüman olarak verilen dizideki işlevinin ilk argüman olarak verilen nesnenin dizinini döndürür.

Zaman inArraydöner 0ilk bağımsız değişken verilen dizinin ilk pozisyonda bulunan belirten bir.

Kullanmak için inArraybir if deyimi kullanımı içinde:

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

inArray-1işleve iletilen ilk argüman, ikinci argüman olarak iletilen dizide bulunamadığında döner .

kullanmak yerine int array için yöntemi jQuery.inArray()de kullanabilirsiniz includes:

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

resmi yazıyı buradan kontrol edin

jQuery.inArray () dizideki öğenin dizinini veya öğe bulunamazsa -1 değerini döndürür. Daha fazla bilgiyi buradan edinebilirsiniz: jQuery.inArray ()

Dizideki öğenin dizinini döndürür. Eğer bulamazsa, alacaksınız-1

Bir öğenin bir dizi öğenin içinde olup olmadığını kontrol etmek istiyorsak, örneğin yapabiliriz:

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

Bu, dinamik değişkenleri kontrol etmek için kullanışlıdır. Bu yöntemin okunması kolaydır.

$.inArray()yapar aynı şeyi olarak myarray.indexOf()ve varlığını dizi kontrol ediyoruz öğenin dizinini döndürür. IE9'dan önceki IE'nin önceki sürümleriyle uyumludur. En iyi seçim muhtemelen myarray.includes()boolean true / false değeri döndüren kullanmaktır . Tüm 3 yöntemin çıktı örnekleri için aşağıdaki snippet'e bakın.

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

Dostum, dokümanı kontrol et .

Örneğin:

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

Bazı nedenlerden dolayı jquery DOM öğesini kontrol etmeye çalıştığınızda düzgün çalışmaz. Bu yüzden işlevi yeniden yazmak hile yapar:

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

Bunun $yerine hiç kimse kullanmaz jQuery:

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

en kısa ve en basit yol.

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

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