Perulangan Data Object Array Menggunakan Map Lodash

Hello, welcome back to RAditya Indra!

Lodash adalah sebuah library JavaScript yang dapat membantu untuk mengelola sebuah object pada JavaScript termasuk Array. Pada library ini, Lodash juga memilik banyak fungsi yang bisa digunakan dalam pengelolaan sebuah object pada JavaScript. Selain itu, Lodash juga membuat kode menjadi lebih rapih dan bersih dalam membuat kode.

Beberapa method dan fungsi yang terdapat pada lodash antara lain,

  1. Method Array: _.chunk, _.concat, _.findIndex , dll.
  2. Method Collection: _.find, _.filter, termasuk _.map yang akan kita pelajari pada postingan ini, dll.
  3. Method Date: ._now.
  4. Method Function: _.delay, _.debounce, _.flip, dll.
  5. dan masih banyak method lainnya yang bisa dilihat pada website resmi dokumentasi lodash di https://lodash.com/

Apa itu Map JavaScript?

Map digunakan untuk perulangan dalam sebuah data object array. Map pada JavaScript ditulis dengan sintaks kode sebagai berikut

array.map( function(element, index, array) {

}, thisArgument);

Contoh kita punya array state pada javascript seperti berikut

const fruits = [“mangga”, “apel”, “jambu”, “pepaya”, “melon”];

Untuk perulangan data menggunakan map JavaScript cukup seperti berikut

fruits.map( function(frst, idx) {
return <p>{frst}</p>
});

Maka akan tampil dilayar

mangga
apel
jambu
pepaya
melon

Contoh diatas merupakan penggunaan map tanpa library lodash, untuk penggunaan map dengan menggunakan lodash sebagai berikut

_.map(fruits, (frts, idx) => (
<p key=”idx”>{frts}</p>
))

Bagaimana teman-teman, lebih mudah bukan penggunaan map menggunakan library lodash? Oleh karena itu, untuk mengefisienkan dalam membuat kode agar lebih rapih dan bersih dalam perulangan data object array gunakan libary lodash.

Sekian postingan kali ini, terima kasih sudah mengunjungi.
Salam, RAditya Indra!