Cara Menghilangkan Nilai yang Sama Dalam Array Javascript

Cara menghilangkan nilai yang sama dalam array – hallo semuanya, pada kesempatan kali ini kita akan mencoba sebuah trik JavaScript dalam melakukan manipulasi pada array. Contohnya, kita akan mencoba mengambil nilai unik. Yaitu mengambil semua nilai yang ada dan masing-masing hanya satu jika ada nilai yang sama.

Array adalah bentuk kumpulan dari beberapa data yang biasa dikelompokkan untuk keperluan tertentu. Baiklah, kita langsung saja untuk cara yang akan kita terapkan untuk menghilangkan nilai yang sama dalam array.

 

Array Set()

dalam method Set kita sudah akan otomatis mendapatkan nilai unik dari array tersebut.

const array = [1, 1, 1, 3, 3, 2, 2];

const unique1 = [...new Set(array)];

console.log(unique1);

// hasil : 1, 3, 2

Pada kode di atas, kita tidak perlu lagi menambahkan fungsi apa pun. Kita hanya perlu mengambil semua data array dengan menggunakan rest operator (…) dan memasukkan variabel array ke dalam method set.

 

Array Reduce()

Dalam metode reduce(), biasa digunakan untuk mengurangi atau mengakumulasi nilai array sesuai berdasarkan nilai tertentu yang ada dalam array tersebut

const array = [1, 1, 1, 3, 3, 2, 2];

const unique2 = array.reduce((result, element) => {

   return result.includes(element) ? result : [...result, element];

}, []);

Pada kode diatas, kita menggunakan metode reduce dengan parameter sebuah fungsi yang memiliki parameter result dan element yang mengembalikan hasil yang memiliki satu dari masing-masing nilai yang ada.

 

Array Prototype Filter

Dalam metode array filter() kita memungkinkan memilih sesuai dengan parameter yang kita inginkan.

const array = [1, 1, 1, 3, 3, 2, 2];

const unique3 = array.filter((element, index) => {

   return array.indexOf(element) === index;

});

Pada baris kode diatas kita menggunakan filter untuk memberikan parameter yang kita inginkan, disini kita menggunakan indexOf() juga untuk menetahui letak index dari nilai yang sama agar tidak digunakan.

Banyak sekali metode yang bisa kita gunakan untuk melakukan manipulasi pada sebuah array. Demikian artikel kali ini yang membahas tentang Cara menghilangkan nilai yang sama dalam array.

20 Januari 2020

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat