Close Menu

Kontrol Aliran dalam JavaScript

Table of Contents

Kontrol aliran (flow control) dalam JavaScript digunakan untuk menentukan bagaimana dan kapan bagian tertentu dari kode dieksekusi. Kontrol aliran mencakup pernyataan kondisi, perulangan, dan pernyataan pengalihan. Berikut adalah penjelasan masing-masing konsep beserta contohnya.

Pernyataan Kondisi #

Pernyataan kondisi digunakan untuk menjalankan blok kode tertentu berdasarkan kondisi tertentu.

If-Else #

Pernyataan if digunakan untuk mengeksekusi blok kode jika kondisi yang diberikan bernilai true. Pernyataan else digunakan untuk mengeksekusi blok kode alternatif jika kondisi if bernilai false.

let x = 10;

if (x > 5) {
    console.log("x lebih besar dari 5");
} else {
    console.log("x tidak lebih besar dari 5");
}

Else If #

Pernyataan else if digunakan untuk menguji beberapa kondisi dalam satu struktur if-else.

let x = 10;

if (x > 10) {
    console.log("x lebih besar dari 10");
} else if (x === 10) {
    console.log("x sama dengan 10");
} else {
    console.log("x kurang dari 10");
}

Switch #

Pernyataan switch digunakan untuk mengeksekusi blok kode berdasarkan nilai dari ekspresi. Ini adalah cara yang lebih terstruktur untuk menangani banyak kondisi.

let color = "red";

switch (color) {
    case "red":
        console.log("Warna merah");
        break;
    case "blue":
        console.log("Warna biru");
        break;
    case "green":
        console.log("Warna hijau");
        break;
    default:
        console.log("Warna tidak diketahui");
}

Perulangan (Looping) #

Perulangan digunakan untuk mengeksekusi blok kode berulang kali.

For Loop #

Loop for digunakan untuk mengeksekusi blok kode sejumlah iterasi yang telah ditentukan.

for (let i = 0; i < 5; i++) {
    console.log(i);
}

While Loop #

Loop while digunakan untuk mengeksekusi blok kode selama kondisi tertentu bernilai true.

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}

Do-While Loop #

Loop do-while mirip dengan loop while, tetapi loop ini menjamin bahwa blok kode dieksekusi setidaknya sekali.

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 5);

Pernyataan Pengalihan #

Pernyataan pengalihan digunakan untuk menghentikan atau melanjutkan loop berdasarkan kondisi tertentu.

Break #

Pernyataan break digunakan untuk menghentikan eksekusi loop atau pernyataan switch.

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break; // Loop berhenti ketika i sama dengan 5
    }
    console.log(i);
}

Continue #

Pernyataan continue digunakan untuk melewati iterasi loop saat ini dan melanjutkan dengan iterasi berikutnya.

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        continue; // Iterasi dilewati ketika i sama dengan 5
    }
    console.log(i);
}

Contoh Penggunaan Kontrol Aliran #

Berikut adalah contoh yang menggabungkan berbagai kontrol aliran dalam satu program:

<!DOCTYPE html>
<html>
<head>
    <title>Contoh Kontrol Aliran</title>
    <script>
        function kontrolAliran() {
            // If-Else
            let age = 18;
            if (age < 18) {
                console.log("Belum cukup umur");
            } else {
                console.log("Sudah cukup umur");
            }

            // Switch
            let day = new Date().getDay();
            switch (day) {
                case 0:
                    console.log("Hari ini adalah Minggu");
                    break;
                case 1:
                    console.log("Hari ini adalah Senin");
                    break;
                case 2:
                    console.log("Hari ini adalah Selasa");
                    break;
                default:
                    console.log("Hari ini adalah hari lain");
            }

            // For Loop
            for (let i = 0; i < 5; i++) {
                console.log("For Loop Iterasi: " + i);
            }

            // While Loop
            let j = 0;
            while (j < 3) {
                console.log("While Loop Iterasi: " + j);
                j++;
            }

            // Do-While Loop
            let k = 0;
            do {
                console.log("Do-While Loop Iterasi: " + k);
                k++;
            } while (k < 2);

            // Break and Continue
            for (let l = 0; l < 10; l++) {
                if (l === 3) {
                    continue; // Melewati iterasi saat l sama dengan 3
                }
                if (l === 6) {
                    break; // Menghentikan loop saat l sama dengan 6
                }
                console.log("Loop dengan Break dan Continue: " + l);
            }
        }
    </script>
</head>
<body onload="kontrolAliran()">
</body>
</html>

Pada contoh di atas:

  • Pernyataan if-else digunakan untuk memeriksa usia.
  • Pernyataan switch digunakan untuk menentukan hari dalam minggu.
  • Loop for, while, dan do-while digunakan untuk iterasi.
  • Pernyataan break dan continue digunakan untuk mengontrol eksekusi loop.

Dengan memahami dan menggunakan kontrol aliran ini, Anda dapat menulis kode JavaScript yang lebih kompleks dan dinamis. Jika ada pertanyaan lebih lanjut atau bagian yang perlu diperjelas, jangan ragu untuk bertanya.

What are your Feelings