Pembaca seperti Anda membantu mendukung MUO. Saat Anda melakukan pembelian menggunakan tautan di situs kami, kami dapat memperoleh komisi afiliasi. Baca selengkapnya.

Lodash adalah pustaka JavaScript yang menawarkan fungsi utilitas untuk tugas pemrograman tipikal menggunakan model pemrograman fungsional.

Pustaka, yang berfungsi dengan browser web dan Node.js, dapat memodifikasi dan mengonversi data, melakukan operasi asinkron, dan banyak lagi.

Pelajari cara menggunakan lodash untuk memanipulasi array, string, dan objek dan cari tahu tentang fitur lanjutannya seperti komposisi fungsi.

Memulai Dengan Lodash

Anda dapat menambahkan lodash ke aplikasi Anda dengan salah satu dari dua cara: menggunakan Jaringan Pengiriman Konten (CDN) atau menginstalnya menggunakan npm atau benang.

Untuk menggunakan lodash langsung di browser, salin tautan CDN lodash di bawah ini dan sisipkan di bagian kepala file HTML Anda:

<naskahsrc=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 ketik="teks/javascript">naskah>
instagram viewer

Dengan menggunakan pendekatan ini, Anda dapat menjalankan skrip menggunakan lodash di badan HTML Anda.

Untuk menggunakan lodash dalam proyek Node.js, Anda harus memasangnya di direktori proyek Anda. Anda dapat menggunakan npm atau benang untuk melakukannya:

npm install --save lodash
# atau
benang tambahkan lodash

Anda sekarang dapat menggunakan lodash dengan memintanya di file JavaScript Anda:

// Membutuhkan perpustakaan lodash
const _ = memerlukan("Lodash");
// Menggunakan metode _.sum
const angka = [10, 20, 30, 40, 50];
const jumlah = _.jumlah (bilangan);
menghibur.log (jumlah);

Untuk menjalankan file JavaScript Anda, masukkan perintah node:

simpul [Nama skrip Anda]

Manipulasi Array di Lodash

Lodash hadir dengan serangkaian metode untuk manipulasi array yang menyediakan fungsionalitas di luar kelas Array bawaan JavaScript.

.bingkah

Metode ini membagi array menjadi kelompok-kelompok array yang lebih kecil dengan ukuran tertentu. Potongan terakhir mungkin lebih kecil dari ukuran yang Anda minta.

Ini contohnya:

const larik = [ 'A', 'B', 'C', 'D', 'e', 'F', 'G' ];
const newArray = _.chunk (array, 2)
menghibur.log (ArrayBaru)
// Keluaran:
// [ [ 'a', 'b' ], [ 'c', 'd' ], [ 'e', ​​'f' ], [ 'g' ] ]

.concat

Metode ini menghasilkan larik baru dengan menggabungkan nilai ke akhir larik yang ada.

Misalnya:

constHimpunan = [ 1, 2, 'A' ];
const newArray = _.concat(Himpunan, 5, 'B', [ 8 ], [ [ 9 ] ]);
menghibur.log (ArrayBaru);
// Keluaran:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]

.bergabung

Metode ini mengembalikan string dengan menggabungkan elemen array. Itu bergabung dengan mereka menggunakan pembatas yang Anda berikan sebagai parameter saat memanggil metode. Pembatas default yang digunakannya adalah koma:

constHimpunan = [ "aku", "Hai", "D", "A", "S", "H" ];
const newArray = _.bergabung(Himpunan);
menghibur.log (ArrayBaru);
// Keluaran:
// l, o, d, a, s, h


const newArray = _.bergabung(Himpunan, "-");
menghibur.log (ArrayBaru);
// Keluaran:
// lo-D-A-S-H

Manipulasi String di Lodash

Dengan JavaScript kosong, pemformatan string adalah proses yang sederhana. Tapi lodash membuatnya lebih mudah.

Beberapa operasi manipulasi string paling umum yang dapat Anda lakukan dengan lodash meliputi:

.startsWith dan .endsWith

Kedua metode ini memeriksa apakah masing-masing string dimulai atau diakhiri dengan substring. Kedua metode mengembalikan nilai boolean benar atau salah.

Misalnya:

const tali = "Lodash";
menghibur.log (_.startsWith (string, "aku"));
// Keluaran: benar


menghibur.log (_.startsWith (string, "Hai"));
// Keluaran: salah


menghibur.log (_.endsWith (string, "M"));
// Keluaran: salah
menghibur.log (_.endsWith (string, "H"));
// Keluaran: benar

.mengulang

Metode ini berulang kali mencetak string beberapa kali. Dibutuhkan string sebagai argumen pertama dan jumlah pengulangan sebagai yang kedua:

const tali = "Lodash"
const newString = _.ulangi (string, 3);
menghibur.log (String baru);
// Keluaran: lodashlodashlodash

.memangkas

Metode ini menghilangkan spasi kosong di depan dan di belakang. Anda juga dapat menggunakannya untuk menghapus karakter tertentu di awal dan akhir string.

Misalnya:

// Menghapus spasi awal & akhir
const tali = " batang "
const newString = _.trim (string)
menghibur.log (String baru);
// Keluaran: bilah
// Menghapus karakter tertentu
const tali = ",batang,"
const newString = _.trim (string, ",")
menghibur.log (String baru);
// Keluaran: bilah

Manipulasi Objek di Lodash

Di bawah ini adalah beberapa contoh manipulasi string yang dapat Anda lakukan dengan lodash:

.menggabungkan

Itu _.menggabungkan() metode membuat objek baru dengan menggabungkan properti dari objek input. Nilai properti dari objek selanjutnya akan menggantikan nilai dari objek sebelumnya jika properti tersebut ada di lebih dari satu objek.

Misalnya:

const buku = {
'Matematika': 4, 
'Sains': 7
};

const catatan = {
'Sains': 3, 
'Kimia': 5
};
_.menggabungkan(buku, catatan);
menghibur.log (buku);
// Keluaran:
// {Matematika: 4, Sains: 3, Kimia: 5}

Dalam contoh ini, metode menambahkan properti 'Kimia' dari objek kedua dan menimpa nilai properti 'Sains' objek pertama.

.memiliki

Metode ini mengembalikan nilai true jika rangkaian properti yang diberikan ada dalam sebuah objek dan false jika sebaliknya.

Misalnya:

const buku = {
'Matematika': 4, 
'Sains': 7
};
menghibur.log (_.has (buku, "Matematika"));
// Keluaran: benar

.menghilangkan

Metode ini mengembalikan objek baru dengan menghapus properti tertentu dari yang diberikan.

Misalnya:

var buku = {
'Matematika': 4, 
'Sains': 3, 
'Kimia': 5
};

menghibur.log (_.hilangkan (buku, "Sains"));
// Keluaran: {Matematika: 4, Kimia: 5}

Komposisi Fungsi di Lodash

Komposisi fungsi adalah teknik yang dapat Anda gunakan bahasa pemrograman fungsional. Ini melibatkan penggabungan dua atau lebih fungsi menjadi fungsi baru dengan memanggil setiap fungsi dalam urutan tertentu. Fitur ini memungkinkan Anda membuat logika yang lebih kompleks dari fungsi yang lebih sederhana.

Untuk menerapkan teknik ini, lodash dilengkapi dengan _.mengalir Dan _.flowRight fungsi. Itu _.mengalir() function menerima daftar fungsi sebagai argumen dan menampilkan fungsi baru yang menerapkan fungsi dalam urutan yang sama dengan yang Anda berikan. Itu _.flowRight() fungsi melakukan hal yang sama, tetapi memanggil fungsi secara terbalik.

Misalnya:

fungsiaddFive(nomor) {
kembali nomor + 5
}
fungsikaliDua(nomor) {
kembali nomor * 2
}


const addFiveAndTimesTwo = _.flow([addFive, timesTwo]);


const addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);


menghibur.log (tambahkanFiveAndTimesTwo(3));
// Keluaran: 16
menghibur.log (tambahkanFiveAndTimesTwoReverse(3));
// Keluaran: 11

Kode di atas mendefinisikan fungsi addFive Dan kaliDua. Fungsi addFive mengembalikan hasil penambahan 5 ke angka yang diberikan. Fungsi timesTwo mengalikan angka masukan dengan 2 dan mengembalikan hasilnya.

Kode kemudian menggunakan _.mengalir() fungsi untuk menggabungkan dua lainnya dan menghasilkan fungsi baru, tambahkanFiveAndTimesTwo. Fungsi baru ini pertama-tama akan melakukan operasi addFive pada argumennya sebelum melakukan operasi timesTwo pada hasil akhir.

Itu _.flowRight() fungsi menghasilkan fungsi baru yang melakukan hal yang sama seperti aliran, tetapi secara terbalik.

Terakhir, kode ini memanggil dua fungsi baru, lewat 3, sebagai argumen, dan mencatat hasilnya ke konsol.

Manfaat Bekerja Dengan Lodash

Anda dapat menggunakan lodash untuk menyederhanakan kode Anda dan membuat proyek Anda lebih fleksibel dan dapat dipelihara. Beragam fungsi utilitasnya, adopsi luas, dan pembaruan rutin akan membantu Anda menulis kode yang elegan dan efektif. Anda dapat menggunakan lodash untuk menjamin kode Anda selalu terkini dan kompatibel dengan browser kontemporer.