React.js
  • Roadmap belajar React.js
  • Tahap 1: Dasar-dasar JavaScript
    • Apa itu JavaScript dan kegunaannya
    • Sejarah dan perkembangan JavaScript
    • Apa itu Node.js dan hubungannya dengan JavaScript
    • Cara instal Node.js
    • Cara menjalankan JavaScript di Node.js
    • Variabel dalam JavaScript
    • Tipe data dalam JavaScript
    • Operator dalam JavaScript
    • Truly dan Falsy dalam JavaScript
    • Kondisional dalam JavaScript
    • Looping dalam JavaScript
    • Fungsi dalam JavaScript
    • Parameter dan Return Value dalam JavaScript
    • DOM di JavaScript dan Cara manipulasinya
    • Event Handling dalam JavaScript
    • Try, catch, dan finally dalam JavaScript
    • Callback dalam JavaScript
    • Promise dalam JavaScript
    • Async dan Await dalam JavaScript
  • Tahap 2: JavaScript Lanjutan
    • OOP dalam JavaScript
    • ES6
    • LocalStorage dalam JavaScript
    • FetchAPI dalam JavaScript
  • Tahap 3: Memulai dengan React.js
    • Apa itu React?
    • Konsep Virtual DOM
    • Apa itu JSX?
    • Langkah-langkah Setup Project React.js
    • Apa itu Komponen dalam React?
    • Apa itu Props dan State dalam React?
    • Apa itu Event Handling dalam React?
    • Apa itu Component Lifecycle dalam React?
    • Apa itu Hooks dalam React?
    • Apa itu Custom Hooks dalam React?
  • Tahap 4: React Lanjutan
    • Apa itu Context API dalam React?
    • Apa itu State Management (Redux)?
    • Apa itu Routing di React?
    • Apa itu Dynamic Routing, Private Routing, dan Nested Routing?
    • Cara menulis CSS di React
    • Cara Menggunakan Bootstrap di React
    • Cara Menggunakan Tailwind CSS di React
    • Cara Fetching data dari API di React
    • Cara Menampilkan data dinamis di React
    • Error handling dalam pengambilan data
    • Cara Testing komponen di React
    • End-to-end testing dengan Cypress atau Selenium
Powered by GitBook
On this page
  1. Tahap 1: Dasar-dasar JavaScript

Looping dalam JavaScript

PreviousKondisional dalam JavaScriptNextFungsi dalam JavaScript

Last updated 10 months ago

Looping dalam JavaScript

Looping adalah struktur dalam pemrograman yang digunakan untuk menjalankan blok kode berulang kali hingga kondisi tertentu terpenuhi. JavaScript menyediakan beberapa jenis pernyataan loop untuk mengendalikan perulangan.

Tabel Pernyataan Loop dalam JavaScript

Pernyataan Loop
Deskripsi
Sintaks

for

Menjalankan blok kode sejumlah iterasi tertentu

for (initialization; condition; increment) { /* code */ }

while

Menjalankan blok kode selama kondisi tertentu bernilai benar

while (condition) { /* code */ }

do...while

Menjalankan blok kode setidaknya sekali, lalu melanjutkan selama kondisi benar

do { /* code */ } while (condition);

for...in

Mengulangi properti enumerable dari objek

for (variable in object) { /* code */ }

for...of

Mengulangi nilai dari objek yang dapat diiterasi (iterable)

for (variable of iterable) { /* code */ }

Penjelasan dan Contoh

Berikut penjelasan sederhana dari kode tersebut:

for Loop

for (let i = 0; i < 5; i++) {
    console.log(i); // Output: 0, 1, 2, 3, 4
}
  • Loop dari i = 0 hingga i < 5, mencetak nilai i setiap kali.

while Loop

let i = 0;
while (i < 5) {
    console.log(i); // Output: 0, 1, 2, 3, 4
    i++;
}
  • Loop selama i < 5, mencetak nilai i setiap kali, dan menambah i dengan 1.

do...while Loop

let i = 0;
do {
    console.log(i); // Output: 0, 1, 2, 3, 4
    i++;
} while (i < 5);
  • Loop yang menjalankan blok kode setidaknya sekali, kemudian terus menjalankan selama i < 5.

for...in Loop

let obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
    console.log(key); // Output: 'a', 'b', 'c'
}
  • Loop melalui properti-properti dalam objek obj, mencetak setiap nama properti.

for...of Loop

let arr = [1, 2, 3];
for (let value of arr) {
    console.log(value); // Output: 1, 2, 3
}
  • Loop melalui nilai-nilai dalam array arr, mencetak setiap nilai.

Sumber

Pernyataan loop memungkinkan Anda menjalankan blok kode berulang kali, yang sangat berguna dalam pemrosesan data dan otomatisasi tugas berulang dalam program.

MDN Web Docs - for
MDN Web Docs - while
MDN Web Docs - do...while
MDN Web Docs - for...in
MDN Web Docs - for...of
W3Schools - JavaScript Loops