Bagaimana untuk mencari sama ada elemen dalam tatasusunan wujud dalam jquery

Dalam proses membangunkan dengan jQuery, kami biasanya menghadapi masalah yang sangat biasa, iaitu, bagaimana untuk menentukan sama ada unsur wujud dalam tatasusunan. Dalam artikel ini, kami akan meneroka beberapa cara berbeza untuk menyelesaikan tugasan ini.

Kaedah 1: Gunakan kaedah inArray() jQuery

Dalam jQuery, kita boleh menggunakan kaedah inArray() untuk menentukan sama ada unsur wujud dalam tatasusunan. Kaedah inArray() boleh menerima dua parameter Parameter pertama ialah elemen yang akan dicari, dan parameter kedua ialah tatasusunan yang akan dicari. Kaedah ini mengembalikan nilai indeks elemen yang ditemui dalam tatasusunan, atau -1 jika ia tidak dijumpai.

Berikut ialah contoh kod mudah yang menggunakan kaedah inArray() untuk mencari sama ada unsur wujud dalam tatasusunan:

var arr = ['apple', 'banana', 'orange', 'grape'];
var index = $.inArray('banana', arr);
if (index != -1) {
  console.log('元素存在于数组中，索引值为：' + index);
} else {
  console.log('元素不存在于数组中');
}

Penjelasan kod:

First define tatasusunan yang mengandungi empat Tatasusunan nama buah-buahan, dan gunakan kaedah inArray() untuk mencari sama ada tatasusunan itu mengandungi unsur "pisang". Jika nilai indeks yang dikembalikan oleh kaedah inArray() tidak sama dengan -1, ini bermakna elemen itu wujud dalam tatasusunan dan nilai indeks elemen tersebut adalah output dalam konsol. Sebaliknya, jika nilai indeks adalah sama dengan -1, maka ini bermakna elemen itu tidak wujud dalam tatasusunan, dan maklumat ini dikeluarkan kepada konsol.

Kaedah 2: Gunakan kaedah grep() jQuery

Kaedah jQuery lain yang boleh digunakan untuk menentukan sama ada unsur wujud dalam tatasusunan ialah kaedah grep(). Seperti kaedah inArray(), kaedah grep() juga menerima dua parameter Parameter pertama ialah tatasusunan yang hendak dicari, dan parameter kedua ialah keadaan carian. Kaedah grep() mengembalikan tatasusunan baharu yang mengandungi elemen yang memenuhi kriteria, atau tatasusunan kosong jika tiada unsur ditemui.

Berikut ialah contoh kod mudah yang menggunakan kaedah grep() untuk mencari sama ada unsur wujud dalam tatasusunan:

var arr = ['apple', 'banana', 'orange', 'grape'];
var result = $.grep(arr, function (n) {
  return n == 'banana';
});
if (result.length > 0) {
  console.log('元素存在于数组中');
} else {
  console.log('元素不存在于数组中');
}

Penjelasan kod:

Gunakan kaedah grep() untuk Cari sama ada tatasusunan mengandungi elemen "pisang". Jika panjang tatasusunan baharu yang dikembalikan oleh kaedah grep() adalah lebih besar daripada 0, ini bermakna elemen itu wujud dalam tatasusunan dan maklumat ini dikeluarkan kepada konsol. Sebaliknya, jika panjang tatasusunan baharu adalah sama dengan 0, ini bermakna elemen itu tidak wujud dalam tatasusunan.

Kaedah 3: Gunakan kaedah includes() dalam ECMAScript 6

Dalam spesifikasi ECMAScript 6, kaedah baru includes() disediakan untuk menentukan sama ada unsur wujud dalam tatasusunan . Menggunakan kaedah includes(), kita boleh menentukan dengan mudah sama ada unsur wujud dalam tatasusunan.

Berikut ialah contoh kod mudah yang menggunakan kaedah includes() untuk mencari sama ada unsur wujud dalam tatasusunan:

var arr = ['apple', 'banana', 'orange', 'grape'];
if (arr.includes('banana')) {
  console.log('元素存在于数组中');
} else {
  console.log('元素不存在于数组中');
}

Penjelasan kod:

Gunakan includes() kaedah untuk Menentukan sama ada unsur "pisang" wujud dalam tatasusunan. Jika elemen wujud dalam tatasusunan, cetak maklumat ini ke konsol. Sebaliknya, jika elemen tidak wujud dalam tatasusunan, maklumat yang tidak wujud akan dikeluarkan kepada konsol.

Ringkasan

Artikel ini memperkenalkan beberapa kaedah berbeza untuk menentukan sama ada unsur wujud dalam tatasusunan, termasuk kaedah inArray() dan grep() jQuery, serta kaedah ECMAScript 6 termasuk(). Kaedah ini sangat mudah dan praktikal Kaedah yang anda pilih bergantung sepenuhnya pada tabiat peribadi anda dan keperluan projek.

Atas ialah kandungan terperinci Bagaimana untuk mencari sama ada elemen dalam tatasusunan wujud dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!