Menghapus Duplikat dari Array JavaScript

Memahami Keunikan Array di JavaScript

Dalam JavaScript, memastikan bahwa array hanya berisi nilai unik dapat menjadi hal yang penting untuk berbagai aplikasi. Meskipun ada beberapa cara untuk mencapai hal ini, metode tertentu mungkin gagal dalam kondisi tertentu, seperti adanya angka nol.

Pada artikel ini, kita akan memeriksa skrip prototipe untuk menghapus duplikat dari array. Kami akan mengidentifikasi masalah yang bernilai nol dan membandingkannya dengan solusi yang lebih andal. Dengan memahami perbedaan ini, Anda akan mempelajari cara menangani keunikan array dengan lebih efektif di JavaScript.

Cara Menghapus Duplikat di Array JavaScript

Script pertama yang kami sajikan menggunakan new Set() objek dalam JavaScript untuk memastikan keunikan array. A Set adalah kumpulan nilai yang setiap nilainya harus unik. Dengan meneruskan array ke a Set, kami secara otomatis memfilter nilai duplikat. Untuk mengonversi Set kembali ke array, kami menggunakan operator spread [...new Set(array)]. Metode ini ringkas dan memanfaatkan fungsionalitas bawaan JavaScript untuk mencapai hasil yang diinginkan secara efisien.

Misalnya, jika Anda memiliki array dengan angka duplikat, termasuk nol, seperti [1, 2, 2, 3, 4, 4, 5, 0, 0], fungsinya getUniqueValues(array) akan mengembalikan array dengan hanya nilai unik: [1, 2, 3, 4, 5, 0]. Metode ini mudah dan menangani semua jenis elemen, termasuk nol, tanpa masalah apa pun.

Metode Kustom untuk Memastikan Nilai Array Unik

Skrip kedua mendefinisikan metode khusus di Array.prototype ditelepon getUnique. Metode ini menggunakan objek untuk melacak elemen unik. Di dalam metode ini, pertama-tama kita menginisialisasi objek kosong const uniqueElements = {} dan array kosong const resultArray = []. Kami kemudian mengulangi array menggunakan a for loop, menyimpan setiap elemen sebagai kunci di uniqueElements objek untuk memastikan semua kunci unik.

Setelah mengisi uniqueElements objek, kami menggunakan yang lain for...in loop untuk mengulangi kunci objek dan memasukkan setiap kunci unik ke dalam resultArray. Akhirnya, metode ini kembali resultArray, yang hanya berisi nilai unik. Metode ini sangat bermanfaat karena menunjukkan cara mengelola dan menerapkan keunikan secara manual tanpa hanya mengandalkan fungsi bawaan, sehingga memberikan pemahaman lebih dalam tentang penanganan struktur data di JavaScript.

function getUniqueValues(array) {
  return [...new Set(array)];
}

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = getUniqueValues(numbers);
console.log(uniqueNumbers);

Array.prototype.getUnique = function() {
  const uniqueElements = {};
  const resultArray = [];
  for (let i = 0; i < this.length; i++) {
    uniqueElements[this[i]] = this[i];
  }
  for (let key in uniqueElements) {
    resultArray.push(uniqueElements[key]);
  }
  return resultArray;
};

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = numbers.getUnique();
console.log(uniqueNumbers);

Pelajari Lebih Dalam Teknik Deduplikasi Array

Teknik penting lainnya untuk menghapus duplikat dari array di JavaScript adalah penggunaan filter metode yang dikombinasikan dengan indexOf metode. Metode ini melibatkan perulangan pada array dan hanya menyertakan elemen yang kemunculan pertamanya cocok dengan posisinya saat ini. Hal ini memastikan bahwa setiap elemen disertakan hanya sekali dalam array yang dihasilkan, sehingga secara efektif menghilangkan duplikat.

Misalnya, pertimbangkan sebuah array [1, 2, 2, 3, 4, 4, 5, 0, 0]. Dengan menggunakan array.filter((item, index) => array.indexOf(item) === index), Anda dapat memfilter nilai duplikat. Pendekatan ini bekerja dengan memeriksa apakah indeks elemen saat ini sama dengan indeks kemunculan pertama elemen tersebut. Jika ya, elemen tersebut unik dan disertakan dalam array baru.