Tutorial Belajar JavaScript Bagian 31 : Cara Menggunakan Break di JavaScript

0
772

Pada tutorial sebelumnya, kita sudah mempelajari tentang Tutorial Belajar JavaScript Bagian 30 : Cara Menggunakan For Loop di JavaScript.

Dalam tutorial ini, kita akan belajar cara menggunakan statement break JavaScript untuk mengakhiri loop sebelum waktunya.

Statement label

Di JavaScript, Anda dapat memberi label statement untuk digunakan nanti. Inilah sintaks dari statement label:

label: statement;

Dalam sintaks ini, label dapat berupa pengenal apa saja yang valid. Sebagai contoh, berikut ini menunjukkan cara memberi label pada perulangan for menggunakan label outer :

outer: for (let i = 0; i < 5; i++) {

     console.log(i);

}

Setelah menentukan label, Anda dapat mereferensikannya dalam statement break atau continue.

Pengantar statement break JavaScript

Statement break sebelum waktunya mengakhiri perulangan seperti for, do…while, dan perulangan  while, sebuah switch, atau statement label. Berikut sintaks statement break :

break [label];

Dalam sintaks ini, label bersifat opsional jika Anda menggunakan statement break dalam satu lingkaran atau sakelar. Namun, jika Anda menggunakan statement break dengan statement label, Anda perlu menentukannya.

Tutorial ini berfokus pada bagaimana menggunakan statement break untuk mengakhiri perulangan sebelum waktunya.

Menggunakan statement break JavaScript dalam for loop

Statement for loop berikut menampilkan lima angka dari 0 hingga 4 :

for (let i = 0; i < 5; i++) {

   console.log(i);

}

Hasil :

0

1

2

3

4

Untuk mengakhiri perulangan for sebelum waktunya, Anda dapat menggunakan statement break. Sebagai contoh, berikut ini mengilustrasikan cara menggunakan statement break di dalam for loop :

for (let i = 0; i < 5; i++) {

   console.log(i);

   if (i == 2) {

     break;

   }

}

Hasil :

0

1

2

Dalam contoh ini, kita menggunakan statement if di dalam loop. Jika nilai i saat ini adalah 2, statement if mengeksekusi statement break yang mengakhiri perulangan.

Bagan alir ini mengilustrasikan cara kerja statement break dalam perulangan for :

Menggunakan statement break untuk menghentikan loop bersarang

Sebuah loop bersarang memiliki satu loop di dalam yang lain. Sebagai contoh, berikut ini menggunakan perulangan for bersarang untuk mengeouterkan sepasang angka dari 1 sampai 3 :

for (let i = 1; i <= 3; i++) {

   for (let j = 1; j <= 3; j++) {

     console.log(i, j);

   }

}

Hasil :

1 1

1 2

1 3

2 1

2 2

2 3

3 1

3 2

3 3

Jika Anda menggunakan statement break di dalam loop dalam, itu hanya mengakhiri loop penutup. Sebagai contoh :

for (let i = 1; i <= 3; i++) {

   for (let j = 1; j <= 3; j++) {

     if (i + j == 4) {

       break;

     }

     console.log(i, j);

   }

}

Hasil :

1 1

1 2

2 1

Dalam contoh ini, jika jumlah i dan j adalah 4, statement break mengakhiri loop outer. Untuk menghentikan loop bersarang, Anda menggunakan statement label. Sebagai contoh :

outer: for (let i = 1; i <= 3; i++) {

   for (let j = 1; j <= 3; j++) {

     if (i + j == 4) {

       break outer;

     }

     console.log(i, j);

   }

}

Hasil :

1 1

1 2

Dalam contoh ini, kita memberi label perulangan outer dengan label outer. Di dalam loop outer, kita menentukan label outer dalam statement break. Statement break berfungsi untuk menghentikan loop bersarang jika jumlah i dan j adalah 4.

Menggunakan statement break JavaScript dalam while loop

Keluaran berikut lima angka dari 1 sampai 5 ke console menggunakan while loop :

let i = 0;

while (i < 5) {

   i++;

   console.log(i);

}

Hasil :

1

2

3

4

5

Seperti perulangan for, statement break menghentikan perulangan while sebelum waktunya. Sebagai contoh :

let i = 0;

while (i < 5) {

   i++;

   console.log(i);

   if (i == 3) {

     break;

   }

}

Hasil :

1

2

3

Dalam contoh ini, ketika nilai i saat ini adalah 3, statement break mengakhiri perulangan. Oleh karena itu, Anda hanya melihat tiga angka di Hasil.

Bagan alir berikut mengilustrasikan cara kerja statement break dalam perulangan while :

Menggunakan statement break JavaScript dalam do… while loop

Contoh berikut menggunakan statement do…while untuk menampilkan lima angka dari 0 hingga 5 ke console :

let i = 0;

do {

   i++;

   console.log(i);

} while (i < 5);

Hasil :

1

2

3

4

5

Seperti perulangan while, Anda dapat menggunakan statement break untuk menghentikan perulangan do…while. Sebagai contoh :

let i = 0;

do {

   i++;

   console.log(i);

   if (i == 3) {

     break;

   }

} while (i < 5);

Hasil :

1

2

3

Diagram alir berikut menunjukkan cara kerja statement break dalam perulangan do while :

Kesimpulan

Gunakan statement break untuk menghentikan perulangan termasuk for, while, dan do…while sebelum waktunya.

Saat digunakan dalam perulangan bersarang, statement break mengakhiri perulangan terlampir. Untuk menghentikan loop bersarang, Anda menggunakan statement label.

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.