Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk melintasi tatasusunan dalam jquery

Bagaimana untuk melintasi tatasusunan dalam jquery

王林
王林asal
2023-05-28 09:02:072306semak imbas

jquery ialah perpustakaan Javascript yang sangat baik yang menyediakan banyak API mudah untuk mengendalikan pelbagai operasi DOM dan data. Apabila kita perlu melintasi tatasusunan, jquery juga menyediakan pelbagai kaedah untuk mencapainya.

  1. Kaedah $.each()

Kaedah $.each() ialah kaedah dalam jquery untuk merentasi tatasusunan. objek dan NodeList. Sintaks khusus adalah seperti berikut:

$.each(arr, function(index, value) {
  // 遍历操作
});

Kaedah ini menerima dua parameter arr parameter pertama ialah koleksi yang akan dilalui, dan fungsi parameter kedua ialah badan fungsi yang dilaksanakan semasa traversal, termasuk dua parameter indeks dan nilai. . Mewakili indeks dan nilai elemen semasa masing-masing.

Sebagai contoh, kami ingin melintasi arr tatasusunan dan mencetak nilai serta indeks setiap elemen tatasusunan:

var arr = ['a', 'b', 'c'];

$.each(arr, function(index, value) {
  console.log('index: ' + index + ', value: ' + value);
});

Hasil output ialah:

index: 0, value: a
index: 1, value: b
index: 2, value: c
  1. $ Kaedah .map ()

Kaedah $.map() juga boleh digunakan untuk melintasi tatasusunan, tetapi tidak seperti kaedah $.each(), ia boleh memproses keputusan traversal dan mengembalikan tatasusunan baharu . Sintaks khusus adalah seperti berikut:

$.map(arr, function(value, index) {
  // 处理操作
  return value;
});

Kaedah ini menerima dua parameter arr parameter pertama ialah tatasusunan yang perlu dilalui, dan fungsi parameter kedua ialah badan fungsi yang dilaksanakan semasa traversal, termasuk dua parameter. nilai dan indeks masing-masing mewakili nilai dan indeks unsur semasa.

Sebagai contoh, kami ingin merentasi arr tatasusunan dan menukar nilai setiap elemen kepada huruf besar:

var arr = ['a', 'b', 'c'];

var newArr = $.map(arr, function(value, index) {
  return value.toUpperCase();
});

console.log(newArr); // ['A', 'B', 'C']

Perhatikan bahawa kaedah $.map() mengembalikan tatasusunan baharu , yang asal array arr tidak akan diubah suai.

  1. Kaedah $.grep()

Kaedah $.grep() boleh menapis elemen dalam tatasusunan yang memenuhi syarat dan mengembalikan tatasusunan baharu. Sintaks khusus adalah seperti berikut:

$.grep(arr, function(value, index) {
  // 筛选条件
  return ...
});

Kaedah ini menerima dua parameter arr parameter pertama ialah tatasusunan yang perlu dilalui, dan fungsi parameter kedua ialah keadaan penapisan, termasuk dua nilai parameter dan indeks. yang mewakili nilai dan indeks semasa. Jika benar dikembalikan, ini bermakna elemen memenuhi syarat dan ditapis keluar.

Sebagai contoh, kami ingin menapis semua nombor genap dalam tatasusunan:

var arr = [1, 2, 3, 4, 5];

var evens = $.grep(arr, function(value, index) {
  return value % 2 === 0;
});

console.log(evens); // [2, 4]
  1. kaedah $.inArray()

$.inArray( ) kaedah Anda boleh mencari kedudukan indeks elemen dalam tatasusunan, dan kembalikan -1 jika ia tidak wujud. Sintaks khusus adalah seperti berikut:

$.inArray(value, arr);

Kaedah ini menerima dua parameter Nilai parameter pertama ialah elemen yang perlu dicari, dan arr parameter kedua ialah tatasusunan yang perlu dilalui.

Sebagai contoh, kita ingin mencari kedudukan indeks unsur 'c' dalam tatasusunan arr:

var arr = ['a', 'b', 'c'];

var index = $.inArray('c', arr);

console.log(index); // 2

Perlu diambil perhatian bahawa kaedah $.inArray() mengembalikan nombor, menunjukkan bahawa elemen berada dalam Kedudukan indeks dalam tatasusunan. Jika elemen tidak wujud, mengembalikan -1.

Ringkasnya, kaedah untuk merentasi tatasusunan dalam jquery termasuk $.each(), $.map(), $.grep() dan $.inArray(), dll. Kita boleh memilih kaedah yang berbeza mengikut keperluan kami untuk melaksanakan operasi yang berbeza.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:jquery baca sahaja cssArtikel seterusnya:jquery baca sahaja css