Menggunakan Method Array pada JavaScript
Sudah berapa tahun kamu menggunakan JavaScript? Saya sendiri sudah menggunakan JavaScript hampir 3 tahun. Di JavaScript banyak method array yang bisa kita gunakan untuk mempermudah pekerjaan kita. Kamu bisa membacanya di link ini untuk versi lengkap nya. Dan sebenernya ada Library JS yaitu lodash dapat membantu kita mengelola sebuah object pada JavaScript termasuk Array. Kamu bisa membacanya dokumentasinya disini
Dibawah ini saya akan menjelaskan metode array di Javascript yang harusnya kita tahu.
.filter()
Metode ini berfungsi untuk membuat sebuah array baru dengan memperhatikan kondisi tertentu pada setiap elemen dari array yang sudah ada.
const nilaiUjian = [4, 3, 7, 6, 8, 10, 9];
const lulus = nilaiUjian.filter( ujian => ujian > 6);
// output lulus adalah [7, 8, 9, 10].map()
Metode ini berfungsi untuk membuat array baru sambil mengecek/melakukan operasi terhadap setiap elemen array.
const numbers = [2, 3, 4, 5];
const dollars = numbers.map( number => '$' + number);
// dollars outputnya adalah ['$2', '$3', '$4', '$5'].reduce()
Metode ini berfungsi untuk mereduce elemen array menjadi single value dengan menjumlah setiap elemen (dari kiri ke kanan).
const numbers = [5, 10, 15];
const total = numbers.reduce( (accumulator, currentValue) => accumulator + currentValue, 0);
// kita dpt mengganti 0 dengan angka lain untuk mendapatkan hasil penjumlahan yang berbed// total akan menghasil output 30
.some()
Metode ini akan memeriksa ada item dalam array yang memenuhi kondisi. Penggunaannya mirip dengan method .foreach(), namun pada method .some akan keluar dari loop setelah memenuhi kondisi. Metode ini juga berfungsi untuk mengecek sekurang kurangnya salah satu elemen array memenuhi kondisi.
const userPrivileges = ['user', 'user', 'user', 'admin'];
const containsAdmin = userPrivileges.some( element => element === 'admin');
// containsAdmin akan menghasilkan nilai true.every()
Metode ini berfungsi untuk mengecek apakah setiap elemen dalam array memenuhi kondisi.
const ratings = [3, 5, 4, 3, 5];
const goodOverallRating = ratings.every( rating => rating >= 3 );
//goodOverallRating akan menghasilkan nilai true.includes()
Metode ini berfungsi untuk mengecek apakah pada elemen array memenuhi suatu kondisi atau tidak.
const names = ['sophie', 'george', 'diki', 'stephen', 'henry'];
const includesWaldo = names.includes('diki');
//includesWaldo akan menghasilkan nilai true.sort()
Metode ini berfungsi untuk mengurutkan elemen pada array baik secara ascending atau descending.
untuk sort data array string, maka sorting defaultnya adalah ascending, sedangkan jika isi data array nya integer kita perlu modifikasi agar bisa acending/descending.
const angka = [20, 10, 3, 30, 58, 42, 6, 9]
const huruf = ['z', 'a', 'c', 'g', 'p']//default
const defaultHuruf = huruf.sort();
console.log(defaultHuruf);
// ascending order
const descOrder = angka.sort((a, b) => a > b ? 1 : -1);
console.log(descOrder); // Output: [3, 6, 9, 10, 20, 30, 42, 58]// descending order
const ascOrder = huruf.sort((a, b) => a > b ? -1 : 1);
console.log(ascOrder); // Output: ['z', 'p', 'g', 'c', 'a']
.concat()
Metode ini berfungsi untuk menggabungkan 2 array menjadi 1 array.
const city = ['jogja', 'bandung', 'jakarta']
const number = [1, 2, 3]const newArray = city.concat(number);
console.log(newArray); // Output: ["jogja", "bandung", "mango", 1, 2, 3]
.Array.of()
Metode ini berfungsi untuk membuat array dari setiap argumen yang dipassing.
const huruf = Array.of("satu", "dua", "tiga");
console.log(huruf); // Output: ["satu", "dua", "tiga"].Array.from()
Metode ini digunakan untuk membuat array berdasarkan array lain atau string.
misal, membuat array dari string
const newArray = Array.from('hai');
// newArray akan menghasilkan output : ['h', 'a', 'i']misal, membuat array yang isi datanya di kalikan dua dari tiap item di array lain.
const doubledValues = Array.from([2, 4, 6], number => number * 2);
// doubleValues akan menghasilkan output : [4, 8, 12]Mungkin itu dulu pembahasan tentang method array pada javascript, sebenearnya masih banyak lagi, namun yang biasa saya pakai adalah method yang telah disebutkan di atas. Selanjutnya insyalloh minggu depan akan dilanjutkan dengan Menggunakan method object pada javascript.
