Install Web App

BRIEF

MINA

Javascript Intermediate

Belajar Javascript Intermediate #04 Reduce

profil-penulis

Muhammad Rafitulloh Nur Ramadhani

18 Januari 2023

Reduce adalah sebuah method pada javascript yang digunakan untuk mengurangi sebuah array menjadi satu nilai. Method ini memiliki dua parameter yaitu callback function dan nilai awal (opsional).

Callback function ini akan menerima dua parameter yaitu accumulator dan currentValue. Accumulator adalah nilai yang dikembalikan pada setiap iterasi sebelumnya, sedangkan currentValue adalah nilai dari elemen array saat ini yang sedang diiterasi.

Sebagai contoh, kita akan menggunakan reduce untuk menjumlahkan seluruh elemen dari sebuah array angka.

Pada contoh diatas, kita menggunakan reduce untuk menjumlahkan seluruh elemen dari array angka. Parameter pertama pada reduce adalah sebuah callback function yang digunakan untuk menjumlahkan accumulator dengan currentValue. Parameter kedua adalah nilai awal dari accumulator yaitu 0.

Selain menjumlahkan, kita juga bisa menggunakan reduce untuk berbagai macam operasi lainnya seperti mencari nilai terbesar atau terkecil, mengubah array menjadi object, dll.

Penggunaan reduce sangat berguna untuk mengatasi masalah yang memerlukan pengolahan data dari sebuah array.

Selain menjumlahkan, kita juga bisa menggunakan reduce untuk berbagai macam operasi lainnya seperti mencari nilai terbesar atau terkecil, mengubah array menjadi object, dll.

Contoh lain, kita akan menggunakan reduce untuk mencari nilai terbesar dari sebuah array angka:

Pada contoh diatas, kita menggunakan reduce untuk mencari nilai terbesar dari array angka. Parameter pertama pada reduce adalah sebuah callback function yang digunakan untuk menentukan nilai terbesar dari accumulator dan currentValue. Karena tidak menentukan nilai awal, maka reduce akan menganggap elemen pertama dari array sebagai nilai awal.

Selain itu, kita juga bisa menggunakan reduce untuk mengubah sebuah array menjadi object. Contohnya sebagai berikut:

Pada contoh diatas, kita menggunakan reduce untuk mengubah array data menjadi sebuah object. Parameter pertama pada reduce adalah sebuah callback function yang digunakan untuk menambahkan elemen dari array ke dalam object. Kemudian, kita menentukan nilai awal dari accumulator yaitu object kosong {}.                                     

Penggunaan reduce sangat berguna untuk mengatasi masalah yang memerlukan pengolahan data dari sebuah array. Selain itu, reduce juga dapat digunakan untuk menyederhanakan kode program dan meningkatkan performa aplikasi.

Artikel Lainnya Dengan Kategori Terkait :

1. Belajar Javascript Intermediate #01 Iteration Atau Perulangan Pada Array.

2. Belajar Javascript Intermediate #02 ForEach

3. Belajar Javascript Intermediate #03 Map

4. Belajar Javascript Intermediate #04 Reduce

5. Belajar Javascript Intermediate #05 Filter, Kegunaan Dan Contoh Penggunaanya

6. Belajar Javascript Intermediate #06 Index Of

7. Belajar Javascript Intermediate #07 lastIndexOf

8. Belajar Javascript Intermediate #08 find

9. Belajar Javascript Intermediate #09 findIndex

10. Belajar Javascript Intermediate #10 includes

11. Belajar Javascript Intermediate #11 Array Multidimensi

12. Belajar Javascript Intermediate #12 Membuat Array Multidimensi

13. Belajar Javascript Intermediate #13 Mengakses Array Multidimensi

14. Belajar Javascript Intermediate #14 Looping pada Array Multidimensi

15. Belajar Javascript Intermediate #15 Menambahkan Data Arrya Multidimensi

16. Belajar Javascript Intermediate #16 Mengenal Apa itu Reskursif

17. Belajar Javascript Intermediate #17 Membuat Rekursif

18. Belajar Javascript Intermediate #18 Pengenalan Regex

19. Belajar Javascript Intermediate #19 Regex special character

20. Belajar Javascript Intermediate #20 Match & Flags

21. Belajar Javascript Intermediate #21 Assertion

22. Belajar Javascript Intermediate #22 Shorthans Character Classes

23. Belajar Javascript Intermediate #23 Quantifiers

24. Belajar Javascript Intermediate #24 Group & Ranges

25. Belajar Javascript Intermediate #25 Unicode Property Escapes

26. Belajar Javascript Intermediate #26 Mengenal Module

27. Belajar Javascript Intermediate #27 Export and Import

28. Belajar Javascript Intermediate #28 Export As dan Import As

29. Belajar Javascript Intermediate #29 Export Default

30. Belajar Javascript Intermediate #30 Mengenal OOP

31. Belajar Javascript Intermediate #31 OOP Class

32. Belajar Javascript Intermediate #32 OOP - Inheritance

33. Belajar Javascript Intermediate #33 Polymorphism

34. Belajar Javascript Intermediate #34 Encapsulation

35. Belajar Javascript Intermediate #35 Abstraction

36. Belajar Javascript Intermediate #36 Prototypes-Introduction

37. Belajar Javascript Intermediate #37 Object Prototyping

38. Belajar Javascript Intermediate #38 Data Type Prototyping

39. Belajar Javascript Intermediate #39 Asynchronous-Introduction

40. Belajar Javascript Intermediate #40 Asynchronous-Callback

41. Belajar Javascript Intermediate #41 Asynchronous - Promise

42. Belajar Javascript Intermediate #42 Asynchronous - Promise Instance

43. Belajar Javascript Intermediate #43 Asynchronous - Async/await

44. Belajar Javascript Intermediate #44 Asynchronous - Fetch

45. Belajar Javascript Intermediate #45 DOM - Membuat Elemen

46. Belajar Javascript Intermediate #46 DOM - Menghapus Elemen

47. Belajar Javascript Intermediate #47 DOM - Menambah Elemen Event Listener

48. Belajar Javascript Intermediate #48 DOM - Menghapus Elemen Event Listener

49. Belajar Javascript Intermediate #49 Array Lanjutan - Array of Objects

50. Belajar Javascript Intermediate #50 Mengakses Data Array of Object

51. Belajar Javascript Intermediate #51 Web Storage Introduction

52. Belajar Javascript Intermediate #52 Local Storage - Menyimpan data

53. Belajar Javascript Intermediate #53 Local Storage - Mengambil data

54. Belajar Javascript Intermediate #54 Local Storage - Menghapus data

55. Belajar Javascript Intermediate #55 Mengenal Session Storage

56. Belajar Javascript Intermediate #56 Session Storage - Menyimpan Data

57. Belajar Javascript Intermediate #57 Session Storage - Mengambil Data

58. Belajar Javascript Intermediate #58 Local Storage - Menghapus data

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya