Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >jquery mengeluarkan nilai pendua
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.
var arr = ['a', 'b', 'c', 'a', 'd', ' c'];
var newArr = jQuery.grep(arr, fungsi (item, indeks) {
return jQuery.inArray(item, arr) === index;
});
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.
var arr = ['a', 'b', 'c', 'a', 'd', ' c'];
var newArr = Tatasusunan. dari(Set baharu(arr));
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!