Nyatanya dalam tampilkan data berupa array ke satu situs satu aplikasi ada seninya. Seni di tempat ini adalah cara - cara yang dipakai dalam memproses data array hingga payload serta response bisa terolah dengan baik sesuai dengan keperluan aplikasi.
Pada artikel ini saya akan ulas 10 cara pemrosesan array pada javascript yang at least kamu harus kenali. Bila kamu awal mulanya tidak pernah tahu apakah itu array atau bahkan juga belumlah familiar dengan javascript, kamu dapat baca Javascript serta tekuni panduan Javascript - Array.
So, here we go:
1. forEach()
Cara ini berperan untuk lakukan perulangan di array.
const array = [1, 2, 3, 4, 5]
array.forEach(item => {
console.log(item); // Output: 1 2 3 4 5
});
2. filter()
Cara ini berperan untuk membuat suatu array baru dengan memerhatikan keadaan spesifik pada tiap-tiap komponen dari array yang telah ada.
const angka = [1, 2, 3, 4, 5, 6, 7, 8, 9]
// membuat array baru dari array angka yang dalamnya ialah bilangan habis dibagi 2
const filteredArray = angka.filter(item => item persen 2 === 0);
console.log(filteredArray) // Output: [2, 4, 6, 8]
3. map()
Cara ini berperan untuk bikin array baru sekalian mengecheck/lakukan operasi pada tiap-tiap komponen array.
const angka = [1, 2, 3, 4, 5, 6, 7, 8, 9]
// membuat array baru dari array angka untuk mengecek apa tiap-tiap elemennya berharga habis dibagi 2 ataukah tidak
const mapedArray = angka.map(item => item persen 2 === 0);
console.log(mapedArray); // output: [false, true, false, true, false, true, false, true, false]
// membuat array baru dari array angka untuk lakukan operasi perkalian 2 pada tiap-tiap elemennya
const multipleOfTwo = angka.map(e => e * 2);
console.log(multipleOfTwo); // Output: [2, 4, 6, 8, 10, 12, 14, 16, 18]
4. includes()
Cara ini berperan untuk mengecheck apa pada komponen array penuhi satu keadaan ataukah tidak.
const angka = [1, 2, 3, 4, 5, 6, 7, 8, 9]
const something = angka.includes(2);
const any = angka.includes(10);
console.log(something); // Output: true
console.log(any); // Output: false
5. some()
Cara ini berperan untuk mengecheck sekurang minimnya salah satunya komponen array penuhi keadaan.
const angka = [1, 2, 3, 4, 5]
// mengecheck apa dalam array angka ada komponen yang habis dibagi 2
const some = angka.some(item => item persen 2);
console.log(some); // Output: true
// mengecheck apa dalam array angka ada komponen yang kurang dari 0
const thing = angka.some(item => item < 0);
console.log(thing); // Output: false
6. every()
Cara ini berperan untuk mengecheck apa tiap-tiap komponen dalam array penuhi keadaan.
const angka = [1, 2, 3, 4, 5, 6, 7, 8, 9];
// mengecheck apa semua komponen lebih dari 5
const greaterFive = angka.every(item => item > 4);
console.log(greaterFive); // Output: false
// mengecheck apa semua element kurang dari 10
const lessTen = angka.every(item => item < 10);
console.log(lessTen); // Output: true
7. reduce()
Cara ini berperan untuk mereduce komponen array jadi single value dengan menjumlah tiap-tiap komponen (dari kiri ke kanan).
const angka = [1, 2, 3, 4, 5];
const sum = angka.reduce((keseluruhan, value) => keseluruhan + value, 0); // kita dpt ganti 0 dengan angka lainnya untuk memperoleh hasil penjumlahan yang berlainan
console.log(sum); // Output: 15
8. sort()
Cara ini berperan untuk mengurutkan komponen pada array baik dengan ascending atau descending.
const angka = [20, 10, 3, 30, 58, 42, 6, 9]
const huruf = ['z', 'a', 'c', 'g', 'p']
// 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']
9. concat()
Cara ini berperan untuk menyatukan 2 array jadi 1 array.
const fruits = ['apel', 'banana', 'mango']
const number = [1, 2, 3]
const newArray = fruits.concat(number);
console.log(newArray); // Output: ["apel", "banana", "mango", 1, 2, 3]
10. Array.of()
Cara ini berperan untuk bikin array dari tiap-tiap alasan yang dipassing
const angka = Array.of(1, 2, 3, 4, 5, 6);
console.log(angka); // Output: [1, 2, 3, 4, 5, 6]
Sebetulnya masih tetap sangat banyak operasi array pada javascript yang dapat kamu mengerti serta cari info kembali selanjutnya. Tapi 10 cara basic ini yang sering digunakan dalam memproses serta melakukan modifikasi array. Bukan untuk dihafal, ditakuti, ditambah lagi sebatas dibaca lantas lupa, tapi mengerti serta cari info selanjutnya kembali ya. Sebab pengalaman serta latihan lah yang membuat kamu jadi terasa semua cara ini wajar dimengerti. Keep spirit and please leave thank for me if u find this article is helpful