Tidak hanya diperlukan bagi pengembang untuk menyelesaikan tugas, tetapi juga diperlukan untuk melakukan tugas dengan cara yang lebih efisien. Ada beberapa perpustakaan yang tersedia di JavaScript saat ini yang membuat bekerja dengan variabel lebih mudah bagi pengembang. Kita akan belajar bagaimana memanfaatkan fungsi perpustakaan Lodash yang paling umum dalam tutorial ini.
Jika Anda belum mencoba Lodash, sekaranglah saatnya. Lodash adalah paket utilitas JavaScript kontemporer yang menyederhanakan bekerja dengan array, integer, objek, teks, dan tipe data lainnya dengan lebih mudah.
Ini akan membantu Anda dalam menangani berbagai macam objek dan akan menghemat waktu Anda dengan menghilangkan kebutuhan untuk mengkodekan metode generik. Kode Anda akan lebih bersih dengan lebih sedikit baris dan akan berfungsi di semua browser. Jika Anda belum menggunakannya, Anda harus mempertimbangkannya dengan cermat.
Tidak mengadopsi Lodash adalah kerugian besar bagi basis kode JavaScript kami. Ini adalah solusi bebas bug dan elegan untuk tantangan umum yang kami hadapi di tempat kerja, dan menggunakannya hanya akan membuat kode kami lebih mudah dibaca dan dikelola.
Mari kita selidiki beberapa fungsi Lodash yang lebih populer (atau tidak!) dan temukan betapa sangat berguna dan indahnya perpustakaan ini.
1. _.diurutkanUniq
Semua nilai duplikat tidak akan dikembalikan dengan nilai ini. Karena ini hanya untuk array yang diurutkan, ini terutama digunakan untuk alasan kecepatan. Ini hanya berguna jika Anda berurusan dengan array besar. Jika Anda ingin meningkatkan kecepatan, urutkan larik Anda dan gunakan metode yang beroperasi lebih baik dengan larik terurut.
Lodash memiliki sejumlah fungsi lain yang mirip dengan ini. Anda dapat melihat .sortedIndex, .sortedIndexBy, .sortedIndexOf, .sortedLastIndex, .sortedLastIndexBy, .sortedLastIndexOf, .sortedUniq, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy, .sortedUniqBy
2. _.kurangi
_.reduce mirip dengan fungsi filter. Satu-satunya perbedaan adalah Anda memiliki opsi untuk memilih bentuk objek yang dikembalikan. Itu normal, jika Anda tidak mengerti apa yang saya katakan; ada contoh nya.
Intinya, kami mengembalikan objek baru yang berisi pengguna yang diklasifikasikan berdasarkan usia, tetapi hanya untuk mereka yang berusia 18 hingga 59 tahun. Fungsi pembantu Lodash ini adalah salah satu yang paling umum digunakan. Ini juga termasuk dalam ES6. Saya juga ingin menunjukkan dua kesalahan tipikal: ingat untuk mengembalikan hasil pada akhir fungsi, dan berikan nilai default untuk hasil sebagai parameter ketiga (di sini).
3. _.dapatkan dan ._set
Untuk yang satu ini, saya akan sedikit menipu Anda dengan menunjukkan dua fungsi yang melakukan hal yang hampir sama. _.get mengembalikan nilai properti dari suatu objek, dan _.set, Anda dapat menebaknya, menetapkan properti dengan nilai. Tidak ada yang unik, kecuali bahwa Anda dapat mengakses properti melalui jalurnya.
Mari kita lihat sebuah contoh.
Jika jalur tidak ada saat memanggil _.set, itu akan dibuat. Tidak akan ada lagi kesalahan "Tidak dapat mengatur properti 'item' dari undefined". Jika jalur tidak ada, _.get akan mengembalikan tidak terdefinisi alih-alih kesalahan. Jika jalur menjadi tidak terdefinisi, Anda juga dapat memberikan nilai default (parameter ketiga).
4. _.temukan
Alih-alih mengulang melalui array untuk menemukan satu objek, kita dapat menggunakan _.find. Itu bagus, tapi itu bukan satu-satunya hal yang bisa dilakukan _.find. Dengan satu baris kode, Anda juga dapat menemukan objek dengan memanfaatkan banyak properti. Coba lihat!
5. _.keyBy
Salah satu favorit saya adalah _.keyBy. Ini sangat berguna ketika mencoba untuk mendapatkan objek dengan atribut tertentu. Asumsikan kita memiliki 100 entri blog dan ingin mengambil satu dengan id "34abc." Bagaimana kita akan melakukannya? Mari lihat apa yang terjadi! Metode ini dapat membantu Anda mengatur koleksi objek jika server menyediakannya sebagai array. Sebuah fungsi juga dapat digunakan sebagai argumen kedua.
6. _.untukSetiap
Metode ini akan mengulangi array objek satu per satu, memungkinkan Anda untuk melakukan logika apa pun yang Anda inginkan. Dalam contoh pertama ini, saya akan mengulang daftar objek pengguna, menggabungkan nama depan dan belakang mereka untuk membuat properti baru bernama fullName.
forEach menerima dua parameter. Array yang kita ulangi adalah parameter pertama. Argumen kedua adalah fungsi iterasi, dengan parameter pertama menjadi referensi item individual dan yang kedua adalah indeks iterasi saat ini.
7. _.peta
Peta, seperti forEach, berulang di seluruh array nilai. Fungsi peta, di sisi lain, mengembalikan array nilai baru yang disediakan oleh fungsi iterasi. Kami menggunakan koleksi pengguna yang sama seperti dalam contoh forEach kami di sini. Kita dapat menggunakan _.map untuk menghasilkan variabel baru yang memiliki array datar dari semua nama lengkap pengguna.
8. _.perbedaan
Fungsi perbedaan akan menghasilkan larik nilai baru yang berbeda antara larik pertama dan kedua. Sangat penting untuk dicatat bahwa lokasi argumen mempengaruhi hasil.
9. _.dapatkan
Fungsi _.get() dapat membantu kita menemukan elemen di dalam objek. Kita dapat menetapkan nilai default untuk fungsi _.get() untuk kembali jika elemen tidak ditemukan di jalur yang disediakan. Fungsi _.get() mengambil tiga parameter, yang pertama adalah objek dari mana kita ingin mendapatkan elemen. Jalannya adalah yang kedua. Nilai ketiga adalah nilai default yang ingin kita kembalikan jika suatu elemen tidak dapat ditemukan.
10. _.temukan
Fungsi _find() mungkin tampak identik dengan metode _.get(). Fungsi _.find(), seperti metode _.get(), menerima tiga parameter. Namun, tidak seperti metode _.get(), argumen pertama bisa berupa array atau objek. Argumen kedua menentukan fungsi yang akan dipanggil pada setiap iterasi. Input ketiga adalah indeks awal koleksi. Karena fungsi _.find() mengulangi setiap elemen dalam koleksi.
11. _.grupOleh
Buat objek yang diberi nama berdasarkan hasil fungsi (atau nama properti yang dipilih secara acak), dengan setiap nilai berupa array objek dengan kunci yang sama.
12. _.set
Metode _.set() adalah kebalikan dari metode _.get(). Ini akan mengubah nilai elemen pada jalur yang diberikan. Objek atau larik adalah parameter pertama, jalur adalah yang kedua, dan nilai yang ingin Anda tetapkan adalah yang ketiga.
13. _.gabungkan
Ini berfungsi mirip dengan Object.assign, kecuali itu berulang jauh ke dalam struktur yang mendasarinya untuk memperbarui objek yang lebih dalam daripada menggantinya.
14. ._deburr
Ini adalah contoh yang agak langsung. Semua "menggabungkan tanda diakritik" dihapus. Jadi "é" menjadi "e". Ketika ada internasionalisasi dan lokalisasi, itu adalah praktik yang baik untuk men-debug teks untuk fungsi pencarian.
15. _.melepaskan pantulan
Ini adalah salah satu strategi Lodash yang paling efektif. Mungkin juga sulit untuk memahami apa fungsinya dan kapan Anda harus menggunakannya. Metode _.debounce() mengembalikan fungsi. Fungsi metode _.debounce() akan menunda pemanggilan hingga jumlah milidetik yang ditentukan telah berlalu sejak fungsi terakhir dipanggil.
Kesimpulan
Lodash adalah ekstensi yang kuat dari bahasa JavaScript. Dengan sedikit usaha, seseorang dapat membuat kode yang ringkas dan efisien. Lodash juga sepenuhnya modular. Meskipun beberapa fungsinya mungkin pada akhirnya tidak digunakan lagi, saya yakin itu akan tetap memberikan banyak manfaat bagi pengembang sambil juga mendorong evolusi bahasa JS.
Saya harap beberapa kemampuan Lodash ini membantu Anda melihat betapa kuatnya Lodash saat bekerja dengan array, objek, dan koleksi. Anda dapat mengunjungi dokumentasi untuk mengeksplorasi sejumlah besar pilihan lain yang ditawarkan.
Tinggalkan Balasan