0

Using Package

 


Ok. Kita sudah belajar bagaimana memasang package pada project sebagai dependencies. Lalu bagaimana cara menggunakan package tersebut?

Perlu kita pahami kembali bahwa package yang kita tambahkan ke dalam project sebenarnya adalah module. Itulah kenapa di dalam project kita akan muncul juga folder node_modules. Di dalamnya berisi kode-kode JavaScript yang menyusun suatu package. Jika Anda “berani”, Anda dapat melihat seperti apa kode di dalam package lodash.

Karena merupakan module, kita bisa menambahkan kode dari package menggunakan keyword import seperti yang telah dipelajari pada materi Module.

  1. import variableName from 'package-name';

Sehingga, untuk menggunakan kode dari package lodash yang telah kita pasang, tambahkan kode berikut pada berkas index.js:

  1. import _ from 'lodash';

Penamaan menggunakan underscore (_) seperti di atas merupakan standar dari lodash yang perlu kita ikuti.

Sekarang mari kita lihat bagaimana lodash ini bekerja. Di dalam dokumentasinya, lodash menyebutkan bahwa mereka menyediakan utilitas untuk membuat JavaScript lebih mudah dengan menghilangkan kerumitan ketika menggunakan array, number, object, string, dll.

Misalnya, untuk menjumlahkan setiap nilai number di dalam array, lakukan dengan cara seperti berikut.

  1. import _ from 'lodash';
  2.  
  3. const myArray = [1, 2, 3, 4];
  4. let sum = 0;
  5.  
  6. for(let i = 0; i < myArray.length; i++) {
  7.     sum += myArray[i];
  8. }
  9.  
  10. console.log(sum);
  11.  
  12. /* output
  13. 10
  14. */

Atau, kita bisa menggunakan fungsi reduce seperti berikut:

  1. import _ from 'lodash';
  2.  
  3. const myArray = [1, 2, 3, 4];
  4. let sum = myArray.reduce((prev, curr) => {
  5.     return prev + curr;
  6. });
  7.  
  8. console.log(sum);
  9.  
  10. /* output
  11. 10
  12. */

Dengan lodash, kita dapat meringkas kode menjadi seperti ini:

  1. import _ from 'lodash';
  2.  
  3. const myArray = [1, 2, 3, 4];
  4. const sum = _.sum(myArray);
  5.  
  6. console.log(sum);
  7.  
  8. /* output
  9. 10
  10. */

Anda bisa mengeksplorasi lebih jauh lagi tentang fitur-fitur dari lodash pada halaman dokumentasinya.

Posting Komentar
Theme
Share
Additional JS