Macam method array Javascript dan penggunaanya

12:07:00 AM

Pada Javascript, memanipulasi Array sebenarnya tidaklah terlalu sulit jika kita tahu cara efektifnya.

cara tradisional memanipulasi / menampilkan item dari array
Pada post kali ini saya akan membuat contoh beberapa kasus yang dapat kita gunakan untuk mengaplikasikan beberapa method array pada javasript.

1. Menampikan nilai dari variabel Array
Disini saya memberi 2 contoh alternatif untuk menampilkan nilai pada index array

pada method forEach kita bisa mendapatkan 2 variabel callback antara lain item dan index, dimana item ialah nilai pada array ke index, sedangkan index iterasi ke- .. yang berupa bilangan.

2. Memanipulasi Array object
Array tak selamanya berisi hanya integer / string namun dapat pula berbentuk object. Misalnya seperti ini :

Nah, misalnya kita ingin menambahkan attribut baru pada setiap objek misalnya gender, kita dapat menggunakan Array Map. Contoh :

hasil pada script diatas akan menghasilkan nilai seperti dibawah.

Dapat dilihat pada script diatas bahwa method map memiliki return yang berupa item sedangkan pada method forEach tidak memiliki return / return nya pasti undefined. Jadi jangan sekali kali kamu memberi nilai variabel mu seperti ini -> a = array.forEach(function(item){ item.umur = 2; return item; }) pasti returnya selalu undefined.

3. Memfilter Array
Untuk dapat memfilter Array kita dapat menggunakan method filter. Method filter memiliki return sama seperti method map, return nya berupa array.
Contoh :

Pada script diatas kita mencoba untuk memfilter data pegawai yang umurnya dibawah 21 dan terdapat output dengan nama pegawai pawiro.
Array filter ini juga dapat dipakai untuk mengecek adakah pegawai yang usianya dibawah 20, total pegawai yang usianya 20 dll (sesuai kebutuhan anda).
Contoh :


4. Memanipulasi array menjadi string etc..
Jika sebelumnya dengan method array dan map return value nya berupa array, maka dengan menggunakan method reduce kita dapat memanipulasi array menjadi bentuk string, object dll.
Contoh :

Pada script diatas dapat dipahami bahwa nilai accu bergantung pada parameter terakhir nya (jika '' berarti string, 0 berarti integer, {} berarti object dll).
Oke cukup sekian ya.
Bagi kamu yang pingin tau lebih banyak tentang method2 array di javasript kamu dapat mengunjungi situs ini , karena sebenarnya ada banyak sekali method array yang dapat meringankan kerjaanmu.

You Might Also Like

0 komentar