Home » Javascript » Break di JavaScript: Cara Membuat dan Contoh Sintak Codenya

Break di JavaScript: Cara Membuat dan Contoh Sintak Codenya

by Catur Kurnia Sari
by Catur Kurnia Sari

Statement break bekerja dengan cara melompat keluar dari sebuah loop.

Statement continue bekerja dengan cara melompati satu iterasi dalam loop.

Statement Break

Kita telah belajar tentang statement break yang digunakan di bab sebelumnya. Statement itu digunakan untuk “melompat keluar” dari statement switch().

Statement break juga dapat digunakan untuk melompat keluar dari loop.

Statement break memecah loop dan terus mengeksekusi kode setelah loop (jika ada).

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Loops</h2>

<p>loop dengan statement <b>break</b></p>

<p id="demo"></p>

<script>
var text = "";
var i;
for (i = 0; i < 10; i++) {
  if (i === 3) { break; }
  text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Statement Continue

Statement continue memecah satu iterasi (dalam loop), jika kondisi tertentu terjadi, dan berlanjut dengan iterasi berikutnya dalam loop.

Contoh dibawah ini melewatkan nilai 3.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Loops</h2>

<p>loop dengan statement <b>continue</b></p>

<p>Loop akan melewatkan langkah di mana i = 3. </p>
<p id="demo"></p>

<script>
var text = "";
var i;
for (i = 0; i < 10; i++) {
  if (i === 3) { continue; }
  text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Label pada JavaScript

Untuk memberi label pada statement JavaScript Anda mendahului statement dengan nama label dan titik dua:

label:
statements

statement break dan continue adalah satu-satunya statement JavaScript yang dapat “melompat keluar” dari blok kode.

Sintaksis:

break labelname;

continue labelname;

statement continue (dengan atau tanpa referensi label) hanya dapat digunakan untuk melewati satu iterasi pengulangan (loop).

statement break, tanpa referensi label, hanya dapat digunakan untuk melompat keluar dari loop atau switch.

Dengan referensi label, statement break dapat digunakan untuk keluar dari blok kode apa pun.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript break</h2>

<p id="demo"></p>

<script>
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";

list: {
  text += cars[0] + "<br>"; 
  text += cars[1] + "<br>"; 
  break list;
  text += cars[2] + "<br>"; 
  text += cars[3] + "<br>"; 
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Blok kode adalah blok kode antara { dan }.

You may also like