Bagaimana untuk memadam elemen yang sama dalam tatasusunan dalam es6

Kaedah padam: 1. Gunakan kaedah penapis objek dan tatasusunan Peta, sintaksnya ialah "function unique(arr) {const res = new Map(); return arr.filter((a) => !res. has(a) && res.set(a, 1))}"; 2. Gunakan objek Set dan kaedah Array.from tatasusunan; 3. Gunakan objek Set dan operator pengembangan "... "; 4. Gunakan reduce().

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Empat cara mudah untuk mengalih keluar pendua daripada tatasusunan ES6

Yang pertama: menggunakan objek Peta dan penapis tatasusunan Kaedah

Tampal kod yang berkaitan

Hasil cetakan

Dengan mencetak kami mendapati bahawa ia sememangnya mencapai kesan kita mahu. Jadi mari kita terangkan secara ringkas di bawah.
1. Objek Map ialah struktur data baharu yang disediakan oleh ES6 Kaedah has adalah untuk mengembalikan nilai Boolean untuk menunjukkan sama ada nilai tertentu wujud dalam objek MP semasa Kaedah set adalah untuk menetapkan kunci/. untuk nilai objek Peta.
2. Kaedah penapis() mencipta tatasusunan baharu Elemen dalam tatasusunan baharu disemak dengan menyemak semua elemen dalam tatasusunan yang ditetapkan yang memenuhi syarat.
Oleh itu, objek Peta yang digabungkan dengan kaedah penapis boleh mencapai kesan penyahduplikasi tatasusunan~

Jenis kedua: menggunakan objek Set dan Tatasusunan. daripada Kaedah tatasusunan

Juga tampalkan coretan kod yang berkaitan

Cetak hasil selepas dijalankan

Ringkasnya, kaedah kedua lebih mudah daripada yang pertama. Mari kita jelaskan secara ringkas juga.

1. Set ialah struktur data baharu yang disediakan oleh ES6 serupa dengan tatasusunan, tetapi tidak mempunyai nilai pendua.
2. Kaedah Array.from digunakan untuk menukar dua jenis objek kepada tatasusunan sebenar: objek seperti tatasusunan dan objek boleh lelar (termasuk Set dan Peta struktur data baharu ES6).

Jadi set digabungkan dengan Array.from juga boleh mencapai kesan penyahduplikasian tatasusunan. Walau bagaimanapun, perlu diingatkan bahawa pelayar arus perdana seperti Chrome, Firfox, Opera, Safari, termasuk Microsoft Edge, semuanya menyokongnya, tetapi hanya siri IE yang tidak menyokongnya.

Kaedah ketiga: Gunakan operator Set+expansion...

Kaedah ketiga boleh dikatakan lebih mudah

Tampal kod yang berkaitan

Cetak hasil yang sedang dijalankan

Kaedah keempat: Gunakan kaedah pengurangan

kurangkan untuk mengurangkan elemen tatasusunan dan gabungkannya ke dalam tatasusunan akhir mengikut fungsi pemprosesan pengurangan yang anda lalui.

Untuk contoh kami, pengurang kami akan menyemak sama ada tatasusunan akhir mengandungi elemen. Jika tidak disertakan, elemen akan ditolak ke dalam tatasusunan ini. Jika tidak, elemen ini diabaikan. Fungsi akhirnya mengembalikan tatasusunan akhir.

Proses pengurangan tidak mudah difahami Mari kita pecahkan dan lihat output:

Berikut ialah output konsol. .log:

Atas ialah kandungan terperinci Bagaimana untuk memadam elemen yang sama dalam tatasusunan dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!