- Prolog
Component penting dalam pemograman yaitu melakukan perulangan. Ini dilakukan agar kita tidak melakukan banyak penulisan code yang sama secara berulang-ulang. Contohnya pada saat ingin menampilkan angka 1 sampai 10 mungkin akan terasa mudah cukup melakukan penulisan code sebanyak sepuluh baris. Namun apabila ingin menampilkan angka 1–1000, atau 1–100000. Yakin mau melakukan pengetikan ulang sebanyak yang diperlukan tersebut?
Dalam javascript perulangan dapat dilakukan dengan tipe data primitive seperti string dan juga bisa digunakan untuk tipe data array dan objek yang nilainya dapat kita tampilkan dengan lakukan perulangan. Untuk itu mari kita berkenalan dengan fitur keren dari javascript yaitu “for-of” dan “for-in” keduanya sama berfungsi untuk melakukan perulangan. Namun ada perbedaan yang signifikan dari kedua fungsi tersebut. Langsung saja kita melihat perbedaan masing-masing diantaranya.
2. Penjelasan dan contoh For…of pada javascript
Syntak:
for [variable of iterable] {
statement
}
Variable = kita mendeklarasikan suatu variable untuk dimasuki nilai perulangan yang diperlukan
Iterable = objek yang akan diberlakukannya perulangan
Jika anda dulu suka melakukan perulangan pada tipe data array dengan menggunakan foreach[], tidak ada salahnya anda mencoba fitur for…of untuk melakukan perulangan dengan tipe data array. Penggunaan for…of akan membuat kode jadi lebih singkat dan bersih ketimbang anda menggunakan foreach[]. For..of adalah fitur yang dibawa oleh ES6 pada tahun 2015. Dan ini adalah contoh jika kita ingin menampilkan data pada suatu array.
For..of juga dapat dilakukan dalam perulangan dengan Map[], Set[] dan juga tipe data string. Mari kita langsung saja pada contoh masing-masing.
Contoh for..of dengan String
Terlihat bahwa melakukan perulangan dari kata “bakso” satu persatu kata di tampilkan.
Contoh for..of dengan Map[]
Pada perulangan pertama kita menampilan semua nilai pada setiap element, dan pada perulangan kedua kita hanya menampilkan value pada setiap element.
Dan yang terakhir kita membuat contoh perulangan dengan Set[]. Berikut ini contohnya.
Demikian penggunaan fungsi for..of pada javascript untuk penjelasan lebih lanjut mengenai for…in anda dapat lihat di artikel saya
Penggunaan for..in pada javascript
NB : Diatas terdapat fungsi Map[] dan Set[] anda dapat menuju link berikut ini
Penggunaan Fungsi Map[] pada Javascript
Penggunaan Fungsi Set[] pada ES6