20 Shortcut Array pada Javascript

Berikut adalah shortcut atau trik yang mungkin bermanfaat untuk anda pada bahasa pemrograman javascript.

1. Menghapus Duplikasi dari Array

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

Menggunakan Set untuk menyaring elemen duplikat dari array.

Contoh implementasi:

const data = [1,1,2,2,3,4];
const uniqueData = [... new Set(data)];
console.log(uniqueData);

output:

[1, 2, 3, 4]

2. Menggabungkan Array

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combined = [...array1, ...array2];

Spread syntax "..." digunakan untuk menggabungkan beberapa array menjadi satu.

jika anda lakukan console.log, maka outputnya:

[1,2,3,4,5,6]

3. Mencari Elemen dalam Array

const array = [1, 2, 3, 4, 5];
const hasNumber = array.includes(3); // true

includes() memeriksa apakah suatu elemen ada di dalam array atau tidak. Dia mengembalikan nilai boolean.

4. Mengosongkan Array

let array = [1, 2, 3, 4];
array.length = 0;

Mengubah length menjadi 0 akan menghapus semua elemen dalam array.

5. Mendapatkan Elemen Terakhir

const array = [1, 2, 3, 4];
const lastElement = array[array.length - 1]; // 4

Mengakses elemen terakhir menggunakan array[array.length - 1].

6. Mengubah Array menjadi Objek

const array = [['a', 1], ['b', 2]];
const obj = Object.fromEntries(array); // { a: 1, b: 2 }

Menggunakan Object.fromEntries() untuk mengonversi array pasangan kunci-nilai menjadi objek.

7. Mengisi Array dengan Nilai Tertentu

const filledArray = new Array(5).fill(0); // [0, 0, 0, 0, 0]

Array().fill() dapat digunakan untuk membuat array baru dengan panjang tertentu dan mengisinya dengan nilai yang sama.

8. Memotong Array (Slicing)

const array = [1, 2, 3, 4, 5];
const slicedArray = array.slice(1, 4); // [2, 3, 4]

slice() mengembalikan bagian dari array tanpa mengubah array asli.

9. Memfilter Elemen Berdasarkan Kondisi

const array = [1, 2, 3, 4, 5];
const evenNumbers = array.filter(num => num % 2 === 0); // [2, 4]

filter() membuat array baru dengan elemen yang memenuhi kondisi tertentu.

10. Menggunakan Reduce untuk Menjumlahkan Angka

const array = [1, 2, 3, 4, 5];
const sum = array.reduce((acc, num) => acc + num, 0); // 15

reduce() dapat digunakan untuk mengakumulasi nilai array (misalnya, penjumlahan).

11. Flattening (Mengubah Array Bersarang Menjadi Satu Tingkat)

const nestedArray = [1, [2, [3, 4]], 5];
const flatArray = nestedArray.flat(2); // [1, 2, 3, 4, 5]

flat() digunakan untuk meratakan array bersarang hingga kedalaman tertentu. Di sini 2 berarti meratakan hingga dua tingkat.

12. Mapping dan Flattening Sekaligus (flatMap)

const array = [1, 2, 3];

// Menggunakan flatMap
const flatMappedArray = array.flatMap(num => [num * 2]);
console.log(flatMappedArray); 
// Output: [2, 4, 6] - Semua elemen digabungkan dalam satu array

flatMap() melakukan map() dan flat() sekaligus, yang lebih efisien.

13. Refaktor Data Menggunakan Map

const array = [1, 2, 3, 4, 5];
const evenOrOdd = array.map(num => (num % 2 === 0 ? 'even' : 'odd')); // ['odd', 'even', 'odd', 'even', 'odd']

Dengan menggunakan kondisi (ternary) pada map(), kita bisa merubah isi dari array.

14. Menghitung Kemunculan Elemen dalam Array

const array = ['apple', 'banana', 'apple', 'orange', 'banana', 'apple'];
const countOccurrences = array.reduce((acc, fruit) => {
    acc[fruit] = (acc[fruit] || 0) + 1;
    return acc;
}, {});
// { apple: 3, banana: 2, orange: 1 }

Menggunakan reduce() untuk menghitung frekuensi setiap elemen dalam array.

15. Mengacak Urutan Elemen Array

const array = [1, 2, 3, 4, 5];
const shuffledArray = array.sort(() => Math.random() - 0.5);

sort() dengan Math.random() dapat digunakan untuk mengacak array.

16. Mencari Nilai Minimum dan Maksimum

const array = [5, 1, 8, 3, 7];
const min = Math.min(...array); // 1
const max = Math.max(...array); // 8

Menggunakan Math.min() dan Math.max() dengan spread operator ... untuk menemukan nilai minimum dan maksimum dalam array.

17. Menghilangkan Nilai Falsy dari Array

const array = [0, 1, false, 2, '', 3];
const truthyArray = array.filter(Boolean); // [1, 2, 3]

filter(Boolean) menghapus nilai "falsy" seperti 0, false, null, undefined, NaN, dan (string kosong).

18. Array dengan Kunci Dinamis

const key = 'fruit';
const array = [{ [key]: 'apple' }, { [key]: 'banana' }];

Membuat array dengan objek yang memiliki kunci dinamis menggunakan sintaks { [key]: value }.

19. Array Destructuring dengan Default Values

const array = [1];
const [a, b = 2, c = 3] = array; // a = 1, b = 2, c = 3

Array destructuring dengan nilai default untuk menghindari undefined jika elemen tidak ada.

20. Menggabungkan dan Menghapus Elemen Sekaligus

const array = [1, 2, 3, 4, 5];
array.splice(1, 2, 'a', 'b'); // array = [1, 'a', 'b', 4, 5]

splice() untuk menghapus dan menambahkan elemen dalam array di posisi tertentu.

Dengan shortcut-shortcut diatas, semoga lebih membantu anda dalam mengolah data. Always be happy and keep your smile 😀.