Install Web App

BRIEF

MINA

Javascript Intermediate Tutorial

Belajar Javascript Intermediate #02 ForEach

profil-penulis

Irgo Adityawan

18 Januari 2023

forEach() adalah sebuah method yang terdapat pada array di JavaScript yang digunakan untuk melakukan iterasi pada setiap elemen dari array tersebut. Method ini akan mengeksekusi sebuah function untuk setiap elemen dari array.

Cara menggunakan .forEach():

  1. Buat sebuah array yang akan diiterasi. Misalnya:

             

  1. Gunakan method .forEach() pada array tersebut dengan memberikan sebuah function yang akan dijalankan untuk setiap elemen dari array. Misalnya:

            

  1. Function yang diberikan sebagai parameter pada .forEach() akan menerima tiga argument: elemen array saat ini, indeks saat ini, dan array itu sendiri. Misalnya:

              

  1. Anda juga dapat menggunakan arrow function sebagai parameter pada .forEach(). Misalnya:

             

  1. Hasil dari contoh di atas akan mencetak angka-angka dari array numbers di console.

Contoh:

             

Perhatikan bahwa .forEach() tidak mengembalikan apapun dan tidak dapat digunakan untuk mengubah elemen dari array. Jika Anda ingin mengubah elemen array, Anda dapat menggunakan method .map().

Selain itu, Anda juga dapat menggunakan .forEach() untuk mengiterasi objek JavaScript dengan menggunakan method Object.entries(). Method ini akan mengembalikan sebuah array dari key-value pairs dari objek tersebut. Anda dapat menggunakan .forEach() untuk mengiterasi setiap key-value pair tersebut.

Contoh:

                 

Anda juga dapat menggabungkan .forEach() dengan method lain seperti .filter() atau .map() untuk mengolah data dari array atau objek dengan lebih mudah.

Contoh:

                  

.forEach() juga dapat digunakan untuk mengiterasi array multi-dimensional, yang dapat mengiterasi setiap elemen dari setiap array dalam array tersebut.

Contoh:

Itulah cara menggunakan .forEach() pada JavaScript, sebuah method yang berguna untuk melakukan iterasi pada setiap elemen dari array atau objek. Ingat bahwa .forEach() hanya digunakan untuk iterasi saja dan tidak dapat digunakan untuk mengubah elemen dari array atau objek.

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