Pengantar Lodash dan Manfaatnya untuk Pengembang JavaScript Read Now

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:

 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"
  type="text/javascript"></script>
 

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
# or
yarn add lodash
 

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

 // Requiring the lodash library
const _ = require("lodash");

// Using the _.sum method
const numbers = [10, 20, 30, 40, 50];
const sum = _.sum(numbers);
console.log(sum);
 

Untuk menjalankan file JavaScript Anda, masukkan perintah node:

 node [Your script name]
 

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.

Berikut contohnya:

 const array = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ];
const newArray = _.chunk(array, 2)
console.log(newArray)

// Output:
// [ [ 'a" ], [ 'c" ], [ 'e" ], [ 'g' ] ]
 

.concat

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

Sebagai contoh:

 const array = [ 1, 2, 'a' ];
const newArray = _.concat(array, 5, 'b', [ 8 ], [ [ 9 ] ]);
console.log(newArray);

// Output:
// [ 1, 2, 'a', 5, 'b', 8, [ 9 ] ]
 

.Ikuti

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:

 const array = [ "l", "o", "d", "a", "s", "h" ];
const newArray = _.join(array);
console.log(newArray);

// Output:
// l,o,d,a,s,h

const newArray = _.join(array, "-");
console.log(newArray);

// Output:
// l-o-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.

Sebagai contoh:

 const string = "lodash";

console.log(_.startsWith(string, "l"));
// Output: true

console.log(_.startsWith(string, "o"));
// Output: false

console.log(_.endsWith(string, "m"));
// Output: false

console.log(_.endsWith(string, "h"));
// Output: true
 

.ulang

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

 const string = "lodash"
const newString = _.repeat(string, 3);
console.log(newString);
// Output: 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.

Sebagai contoh:

 // Removing leading & trailing whitespace
const string = " bar "
const newString = _.trim(string)
console.log(newString);
// Output: bar

// Removing specified characters
const string = ",bar,"
const newString = _.trim(string, "https://www.Bocah Handal/lodash-javascript-introduction-benefits/,")
console.log(newString);
// Output: bar
 

Manipulasi Objek di Lodash

Di bawah ini ad
alah 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.

Sebagai contoh:

 const books = {
    'Mathematics': 4, 
    'Science': 7 
};
   
const notes = {
    'Science': 3 , 
    'Chemistry': 5 
};

_.merge(books, notes);
console.log(books);
// Output:
// { Mathematics: 4, Science: 3, Chemistry: 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.

Sebagai contoh:

 const books = {
    'Mathematics': 4, 
    'Science': 7 
};

console.log(_.has(books, "Mathematics"));
// Output: true
 

.menghilangkan

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

Sebagai contoh:

 var books = {
    'Mathematics': 4, 
    'Science': 3 , 
    'Chemistry': 5 
};
   
console.log(_.omit(books, "Science"));
// Output: { Mathematics: 4, Chemistry: 5 }
 

Komposisi Fungsi di Lodash

Komposisi fungsi adalah teknik yang dapat Anda gunakan dalam 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. _.flowRight() fungsi melakukan hal yang sama, tetapi memanggil fungsi secara terbalik.

Sebagai contoh:

 function addFive(number) {
    return number + 5
}

function timesTwo(number) {
    return number * 2
}

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

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

console.log(addFiveAndTimesTwo(3));
// Output: 16

console.log(addFiveAndTimesTwoReverse(3));
// Output: 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 3sebagai 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.