jQuery.inArray (), bagaimana menggunakannya dengan benar?

Pertama kali saya bekerja dengan jQuery.inArray()dan itu bertindak agak aneh.

Jika objek dalam array, itu akan mengembalikan 0, tetapi 0 salah dalam Javascript. Jadi yang berikut ini akan menampilkan: "BUKAN dalam susunan"

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

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

Saya harus mengubah pernyataan if ke:

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

Tapi ini membuat kode tidak terbaca. Terutama bagi seseorang yang tidak tahu fungsi ini. Mereka akan berharap bahwa jQuery.inArray ("test", myarray) memberikan true ketika "test" ada dalam array.

Jadi pertanyaan saya adalah, mengapa dilakukan seperti ini? Saya benar-benar tidak suka ini. Tapi pasti ada alasan bagus untuk melakukannya seperti itu.

inArraymengembalikan indeks elemen dalam array, bukan boolean yang menunjukkan jika item ada dalam array. Jika elemen tidak ditemukan, -1akan dikembalikan.

Jadi, untuk memeriksa apakah suatu item ada dalam array, gunakan:

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

$.inArraymengembalikan indeks elemen jika ditemukan atau -1 jika tidak - bukan nilai boolean. Jadi yang benar adalah

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

Jawabannya berasal dari paragraf pertama dari dokumentasi yang memeriksa apakah hasilnya lebih besar dari -1, bukan apakah itu benar atau salah.

Metode $ .inArray () mirip dengan metode .indexOf () asli JavaScript yang mengembalikan -1 ketika tidak menemukan kecocokan. Jika elemen pertama dalam array cocok dengan nilai, $ .inArray () mengembalikan 0.

Karena JavaScript memperlakukan 0 sebagai longgar sama dengan false (yaitu 0 == salah, tetapi 0! == salah), jika kita memeriksa keberadaan nilai dalam array, kita perlu memeriksa apakah itu tidak sama dengan (atau lebih besar dari ) -1.

Cara penggunaan yang benar inArray(x, arr)adalah tidak menggunakannya sama sekali , dan sebaliknya menggunakannya arr.indexOf(x).

Nama standar resmi juga lebih jelas pada kenyataan bahwa nilai yang dikembalikan adalah indeks sehingga jika elemen yang dilewati adalah yang pertama Anda akan mendapatkan kembali 0(yang salah dalam Javascript).

(Perhatikan bahwa arr.indexOf(x)ini tidak didukung di Internet Explorer sampai IE9 , jadi jika Anda perlu untuk mendukung IE8 dan sebelumnya, ini tidak akan bekerja, dan fungsi jQuery adalah alternatif yang lebih baik.)

Atau jika Anda ingin mendapatkan bit fancy Anda dapat menggunakan operator bitwise not (~) dan logical not (!) Untuk mengonversi hasil fungsi inArray ke nilai boolean.

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

Saya biasanya menggunakan

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

atau

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

Metode jQuery inArray () digunakan untuk mencari nilai dalam array dan mengembalikan indeksnya bukan nilai Boolean. Dan jika nilainya tidak ditemukan maka akan mengembalikan -1.

Jadi, untuk memeriksa apakah suatu nilai hadir dalam array, ikuti praktik berikut ini:

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

    alert("found");
}

Referensi

Itu inArray fungsi mengembalikan indeks dari objek yang disediakan sebagai argumen pertama ke fungsi dalam array disediakan sebagai argumen kedua ke fungsi.

Ketika inArraykembali0 itu menunjukkan bahwa argumen pertama ditemukan di posisi pertama dari array yang disediakan.

Untuk digunakan inArraydalam pernyataan if gunakan:

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

inArraykembali -1ketika argumen pertama yang diteruskan ke fungsi tidak ditemukan dalam array yang diteruskan sebagai argumen kedua.

alih-alih menggunakan jQuery.inArray()Anda juga dapat menggunakan includesmetode untuk array 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

periksa pos resmi di sini

jQuery.inArray () mengembalikan indeks item dalam array, atau -1 jika item tidak ditemukan. Baca lebih lanjut di sini: jQuery.inArray ()

Ini akan mengembalikan indeks item dalam array. Jika tidak ditemukan Anda akan mendapatkannya-1

Jika kita ingin memeriksa elemen di dalam set elemen yang bisa kita lakukan misalnya:

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

Ini berguna untuk memeriksa variabel dinamis. Metode ini mudah dibaca.

$.inArray()apakah EXACT SAMA HAL sebagai myarray.indexOf()dan mengembalikan indeks item yang Anda periksa array untuk keberadaan. Itu hanya kompatibel dengan versi IE sebelum IE9 sebelumnya. Pilihan terbaik mungkin adalah menggunakan myarray.includes()yang mengembalikan nilai true / false boolean. Lihat cuplikan di bawah ini untuk contoh-contoh keluaran dari ketiga metode.

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

***, periksa dok .

sebagai contoh:

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

Untuk beberapa alasan ketika Anda mencoba memeriksa elemen DOM jquery itu tidak akan berfungsi dengan baik. Jadi menulis ulang fungsi akan melakukan trik:

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

Hanya tidak ada yang menggunakan, $bukan jQuery:

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