Rumah  >  Artikel  >  hujung hadapan web  >  jquery mengeluarkan nilai pendua

jquery mengeluarkan nilai pendua

王林
王林asal
2023-05-12 10:05:361072semak imbas

Apabila membangunkan halaman web, anda pasti akan menghadapi situasi di mana nilai pendua perlu dipadamkan. Sebagai contoh, dalam menu lungsur, pilihan pendua perlu dipadamkan dan hanya tinggal satu. Pada masa ini, anda boleh menggunakan jQuery untuk menyelesaikan masalah ini.

jQuery ialah perpustakaan JavaScript yang pantas dan ringkas yang memudahkan traversal dan manipulasi dokumen HTML, pengendalian acara, kesan animasi dan banyak lagi. Terdapat banyak fungsi dan kaedah yang berguna dalam jQuery, termasuk kaedah untuk mengalih keluar nilai pendua.

Di bawah, dua kaedah yang biasa digunakan untuk memadamkan nilai pendua akan diperkenalkan:

Kaedah 1: Menggunakan kaedah penapis() tatasusunan

Penapis() kaedah biasanya digunakan untuk objek tatasusunan jQuery Kaedah yang boleh digunakan untuk menapis elemen tatasusunan dan mengembalikan tatasusunan baru yang ditapis.

  1. Buat tatasusunan yang mengandungi nilai pendua

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

  1. Gunakan kaedah grep() jQuery untuk mengalih keluar nilai pendua

var newArr = jQuery.grep(arr, fungsi (item, indeks) {

return jQuery.inArray(item, arr) === index;

});

  1. Cetak hasil output

console.log(newArr); , 'd']

Kaedah 2: Gunakan kaedah Array.from() JavaScript dan Tetapkan objek

Kaedah Array.from() adalah baharu dalam ES6, yang boleh menukar tatasusunan kelas Objek atau objek lelaran ditukar kepada objek tatasusunan. Pada masa yang sama, objek Set juga baharu dalam ES6, iaitu koleksi tidak tertib dan unik yang boleh digunakan untuk mengalih keluar pendua.

  1. Buat tatasusunan yang mengandungi nilai pendua

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

  1. Gunakan kaedah Array.from() untuk menukar tatasusunan menjadi objek Set, dan kemudian tukar objek Set menjadi tatasusunan

var newArr = Tatasusunan. dari(Set baharu(arr));

  1. Cetak hasil keluaran

console.log(newArr); , 'c ', 'd']

Ringkasan

Di atas memperkenalkan dua kaedah yang biasa digunakan untuk memadamkan nilai pendua ​​​​dalam tatasusunan, iaitu menggunakan kaedah penapis() tatasusunan dan menggunakan kaedah Array.from() standard ES6 baharu dan Tetapkan objek. Dalam perkembangan sebenar, anda boleh memilih kaedah yang sesuai dengan anda untuk menyelesaikan masalah mengikut situasi tertentu.

Atas ialah kandungan terperinci jquery mengeluarkan nilai pendua. 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