A Untuk… Loop Di Pikiranku

Mengambil JavaScript untuk pertama kalinya pasti bisa menjadi tantangan, terutama jika Anda tidak memiliki pengkodean latar belakang. Jika Anda mempelajari JavaScript maka Anda mungkin mengerti sekarang bahwa ini adalah bahasa berorientasi objek, yang artinya didasarkan pada konsep objek dan properti serta metodenya. Bekerja dalam JavaScript memungkinkan manipulasi Model Objek Dokumen (DOM) yang mudah, yang mewakili struktur halaman web. JavaScript juga sering digunakan bersama dengan teknologi lain, seperti HTML dan CSS, untuk membuat halaman web interaktif yang Anda dan saya gunakan setiap hari. Sebagai salah satu bahasa pemrograman yang paling umum digunakan di web, ada banyak hal yang harus dipelajari saat Anda berusaha untuk menjadi ahli JavaScript.

Mempelajari bahasa pengkodean yang begitu rumit memiliki tantangan tersendiri. Karena JavaScript digerakkan oleh peristiwa, artinya eksekusi kode didasarkan pada peristiwa seperti input pengguna, pemuatan halaman, dan permintaan jaringan, diperlukan pemahaman yang baik tentang cara kerja berbagai objek dan metode larik untuk menjadi perajin JavaScript yang sukses.

Apakah perjuangan Anda mungkin pada beberapa metode yang lebih kompleks dalam JavaScript, saya akan membawa kita kembali ke dasar dan menguraikan bagaimana berbagai jenis for loop berfungsi dalam JavaScript.

Apa itu for…loop?

A for loop dalam JavaScript adalah struktur kontrol yang memungkinkan Anda mengulang blok kode beberapa kali. Sintaks dasar untuk perulangan for adalah sebagai berikut:

Bagian inisialisasi dijalankan hanya sekali, di awal perulangan. Ini biasanya digunakan untuk menginisialisasi variabel counter. Kondisi diperiksa sebelum setiap iterasi dari loop, dan jika bernilai true, blok kode di dalam loop dieksekusi. Jika kondisi bernilai false, loop dihentikan. Bagian kenaikan dijalankan pada akhir setiap iterasi, dan biasanya digunakan untuk memperbarui variabel penghitung.

Misalnya, kode berikut menggunakan perulangan for untuk mencetak angka 1 sampai 10 ke konsol:

Dalam contoh ini, bagian inisialisasi menginisialisasi variabel i ke 1, bagian kondisi memeriksa apakah i kurang dari atau sama dengan 10, dan bagian penambahan i bertambah 1 setelah setiap iterasi. Ini menghasilkan loop berjalan 10 kali, dengan nilai i dicetak ke konsol pada setiap iterasi.

Selain for loop, Anda juga dapat menggunakan for…in dan for…of loop dalam JavaScript, yang masing-masing digunakan untuk mengulang objek dan larik.

Memahami for…in loop

Sementara for…loop digunakan untuk mengulangi urutan angka atau larik, for…in loop biasanya digunakan saat Anda ingin mengulang properti objek.

Sintaks dasar untuk for…in loop adalah sebagai berikut:

Variabel adalah variabel baru yang akan dibuat untuk setiap iterasi perulangan, dan akan mengambil nama properti objek. Objek adalah objek yang propertinya akan diulang.

Misalnya, kode berikut menggunakan perulangan for…in untuk mengulangi properti objek dan mencetak nilainya ke konsol:

Dalam contoh ini, variabel "kunci" dibuat untuk setiap iterasi loop dan akan mengambil nama properti dari objek "orang" dan mengakses nilai properti tersebut menggunakan variabel kunci. Outputnya adalah:

Perlu diingat bahwa urutan properti dalam objek mungkin tidak dijamin, jadi jangan bergantung pada urutan tertentu saat menggunakan perulangan for…in. Juga, for…in loop tidak bekerja dengan array dalam hal ini Anda harus menggunakan for..of loop atau forEach() loop.

Memahami for…of loop

A for…of loop dalam JavaScript digunakan untuk mengulangi elemen objek yang dapat diubah, seperti array atau string.

Sintaks dasar untuk for…of loop adalah sebagai berikut:

Variabel adalah variabel baru yang akan dibuat untuk setiap iterasi loop, dan akan mengambil nilai elemen saat ini di iterable. Iterable adalah objek yang elemennya akan diulang.

Misalnya, kode berikut menggunakan perulangan for…of untuk mengulangi elemen-elemen array dan mencetak nilainya ke konsol:

Dalam contoh ini, variabel "angka" dibuat untuk setiap iterasi loop dan akan mengambil nilai elemen saat ini dalam array. Outputnya adalah:

Memahami loop forEach()

Metode forEach() adalah metode larik yang memungkinkan Anda menjalankan fungsi yang diberikan pada setiap elemen larik. Perlu diingat bahwa forEach() tidak dapat digunakan pada objek, jadi ini adalah metode yang bagus jika Anda ingin mengulangi array.

Sintaks dasar untuk metode forEach adalah sebagai berikut:

Parameter pertama dari fungsi adalah elemen saat ini, parameter kedua adalah indeks elemen saat ini, dan parameter ketiga adalah larik. Anda juga dapat memberikan parameter thisValue opsional untuk digunakan sebagai kata kunci this di dalam fungsi.

Misalnya, kode berikut menggunakan metode forEach untuk mengulangi elemen array dan mencetak nilainya ke konsol:

Jika Anda ingin mengulangi properti objek, Anda dapat menggunakan loop for…in atau, Anda dapat menggunakan metode Object.keys() yang mengembalikan array nama properti objek itu sendiri, dalam urutan yang sama seperti yang kita dapatkan dengan lingkaran biasa. Dan kemudian Anda dapat menggunakan metode forEach untuk mengulangi array itu.

Untuk loop Dibungkus

Kesimpulannya, for loop adalah alat penting dalam JavaScript untuk melakukan iterasi pada array dan objek. Mereka menyediakan cara untuk mengeksekusi blok kode berkali-kali, membuatnya berguna untuk tugas-tugas seperti mengulang elemen-elemen array, atau mengulangi properti objek.

JavaScript menawarkan berbagai jenis for loop, masing-masing dengan kasus penggunaan spesifiknya sendiri:

• Perulangan for digunakan untuk mengulangi urutan angka atau larik.
• For…in loop digunakan untuk mengulangi properti objek.
• For…of loop digunakan untuk mengulangi elemen-elemen objek yang dapat diubah, seperti array atau string.
• Metode forEach() adalah metode larik yang memungkinkan Anda menjalankan fungsi yang diberikan pada setiap elemen larik.

Menggunakan jenis loop yang sesuai untuk tugas yang ada dapat membuat kode Anda lebih mudah dibaca, efisien, dan tidak rentan terhadap kesalahan. Oleh karena itu, memahami berbagai jenis loop dan kapan menggunakannya merupakan aspek penting dalam pengembangan JavaScript.