Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menggabungkan Dua Tatasusunan JavaScript dan Menyimpan Item Unik Sahaja?
Menggabungkan tatasusunan ialah tugas biasa dalam pengaturcaraan, tetapi ia boleh menjadi lebih kompleks sedikit apabila anda ingin memastikan bahawa tatasusunan yang terhasil mengandungi item unik sahaja. Dalam artikel ini, kami akan meneroka cara untuk menggabungkan dua tatasusunan JavaScript sambil mengekalkan susunan asalnya dan menghapuskan unsur pendua.
Pertimbangkan dua tatasusunan JavaScript:
var array1 = ["Vijendra", "Singh"]; var array2 = ["Singh", "Shakya"];
Matlamat kami adalah untuk mencipta yang baharu tatasusunan, tatasusunan3, yang mengandungi unsur unik daripada tatasusunan1 dan tatasusunan2. Output yang betul hendaklah:
["Vijendra", "Singh", "Shakya"]
Untuk mencapai matlamat ini, kita boleh memanfaatkan gabungan kaedah tatasusunan terbina dalam JavaScript:
Penggabungan Tatasusunan Mudah
Untuk hanya menggabungkan dua tatasusunan tanpa mengalih keluar pendua, kita boleh menggunakan concat() kaedah:
var array3 = array1.concat(array2); console.log(array3); // ["Vijendra", "Singh", "Singh", "Shakya"]
Ini akan mencipta tatasusunan baharu yang mengandungi semua elemen daripada tatasusunan1 dan tatasusunan2. Walau bagaimanapun, ia tidak menghapuskan pendua.
Bercantum dengan Nyahduplikasi
Untuk menapis pendua semasa menggabungkan tatasusunan, kita boleh menggunakan gabungan pengurangan() dan termasuk() kaedah:
var array3 = array1.reduce((acc, curr) => !acc.includes(curr) ? acc.concat(curr) : acc, []); var array4 = array3.concat(array2.filter(x => !array3.includes(x))); console.log(array4); // ["Vijendra", "Singh", "Shakya"]
Dalam kod ini, kami menggunakan reduce() pada tatasusunan1 untuk mencipta tatasusunan baharu yang hanya mengandungi unsur unik. Kemudian, kami menggabungkan tatasusunan baharu ini dengan elemen yang ditapis daripada tatasusunan2, memastikan pendua dialih keluar.
Atas ialah kandungan terperinci Bagaimana untuk Menggabungkan Dua Tatasusunan JavaScript dan Menyimpan Item Unik Sahaja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!