Cara Menghapus Duplikat dari Array di JavaScript

Membuat array berisi nilai unik penting agar data tidak berulang, misalnya daftar tag, kategori, atau kota. JavaScript modern menyediakan cara yang sangat ringkas. Artikel ini membahas cara menghapus duplikat dari array di JavaScript.

Menggunakan Set

<script>
const data = [1, 2, 2, 3, 3, 3];
const unik = [...new Set(data)];
console.log(unik); // [1, 2, 3]
</script>

Set adalah struktur data yang otomatis hanya menyimpan nilai unik, lalu spread mengubahnya kembali menjadi array.

Contoh Kasus: Daftar Tag Unik

<script>
const tag = ["php", "web", "php", "js", "web"];
const bersih = [...new Set(tag)];
console.log(bersih); // ["php", "web", "js"]
</script>

Menghapus Duplikat pada Array Objek

Set tidak bekerja langsung pada objek. Gunakan filter() dengan pengecekan berdasarkan properti unik:

<script>
const users = [{id:1}, {id:2}, {id:1}];
const unikUser = users.filter((u, i, arr) =>
    arr.findIndex(x => x.id === u.id) === i
);
</script>

Kesimpulan

Untuk nilai sederhana, [...new Set(array)] adalah cara paling ringkas menghapus duplikat. Untuk array objek, gunakan filter() dengan findIndex() berdasarkan properti unik seperti id.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

• Cara Mengambil Elemen Acak dari Array di JavaScript
• Cara Memeriksa String Mengandung Kata Tertentu di JavaScript
• Cara Mengganti Semua Kemunculan Kata di String JavaScript