Belajar JavaScript Dasar Lengkap

Percabangan Dalam JavaScript

Belajar javascript dasar lengkap – Dalam ilmu komputer, pernyataan percabangan, ekspresi percabangan, dan konstruksi percabangan adalah fitur dari bahasa pemrograman yang melakukan perhitungan atau tindakan yang berbeda tergantung pada apakah kondisi boolean yang ditentukan pemrogram mengevaluasi benar atau salah. Terlepas dari kasus predikasi cabang, ini selalu dicapai dengan secara selektif mengubah aliran kontrol berdasarkan beberapa kondisi.

Dalam bahasa pemrograman imperatif, biasanya menggunakan istilah “pernyataan percabangan”, sedangkan dalam pemrograman fungsional, istilah “ekspresi percabangan” atau “konstruksi percabangan” lebih disukai, karena semua istilah ini memiliki arti yang berbeda.

Percabangan IF ELSE

Percabangan If else merupakan suatu percabangan atau bisa juga diakatakan pemilihan dalam program, dimana program tersebut memiliki satu bahkan lebih dari satu kondisi / persyaratan yang didalamnya ada sebuah instruksi yang dilaksanakan jika kondisi / persyaratan tertentu dapat terpenuhi.

Saat menulis sebuah program, mungkin ada situasi ketika Anda perlu mengadopsi satu dari serangkaian jalur tertentu. Dalam kasus seperti itu, Anda perlu menggunakan pernyataan bersyarat yang memungkinkan program Anda membuat keputusan yang benar dan melakukan tindakan yang benar. JavaScript mendukung pernyataan bersyarat yang digunakan untuk melakukan yang berbeda tindakan berdasarkan kondisi yang berbeda. Berikut akan kami jelaskan if..else pernyataan. Bagan alir berikut menunjukkan cara kerja pernyataan if-else.

Dalam JavaScript mendukung bentuk pernyataan if..else berikut:

• if statement
• ..else statement
• ..else if… statement

Contoh percabangan IF

<html>
<body>
<script type="text/javascript">
var age = 20;
if( age > 18 )
{
    document.write("<b>Qualifies for driving</b>");
}
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>

Contoh percabangan IF Else

<html>
<body>
<script type="text/javascript">
var age = 15;
if( age > 18 ){
document.write("<b>Qualifies for driving</b>");
}else{
document.write("<b>Does not qualify for driving</b>");
}
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>

Contoh percabangan IF Else IF

<html>
<body>
<script type="text/javascript">

var book = "maths";
if( book == "history" ){
document.write("<b>History Book</b>");
}else if( book == "maths" ){
document.write("<b>Maths Book</b>");
}else if( book == "economics" ){
document.write("<b>Economics Book</b>");
}else{
document.write("<b>Unknown Book</b>");
}

</script><p>Set the variable to different value and then try...</p>
</body>
</html>

Percabangan SWITCH CASE

Kondisi SWITCH CASE adalah percabangan kode program dimana kita membandingkan isi sebuah variabel dengan beberapa nilai. Jika proses perbandingan tersebut menghasilkan nilai true, maka block kode program akan dijalankan.

Kondisi SWITCH CASE terdiri dari 2 bagian, yakni perintah SWITCH dimana terdapat nama variabel yang akan diperiksa, serta 1 atau lebih perintah CASE, masing-masing untuk setiap nilai yang ingin diperiksa.

Tujuan dari pernyataan switch adalah untuk memberikan ekspresi untuk dievaluasi dan beberapa pernyataan berbeda untuk dieksekusi berdasarkan nilai ekspresi. Interpreter memeriksa setiap kasus terhadap nilai ekspresi sampai ditemukan kecocokan. Jika tidak ada yang cocok, kondisi default akan digunakan.

switch (expression)
{
case condition 1: statement(s)
break;
case condition 2: statement(s)
break;
...
case condition n: statement(s)
break;
default: statement(s)
}

Pernyataan break menunjukkan akhir dari kasus tertentu. Jika mereka dihilangkan, interpreter akan terus mengeksekusi setiap pernyataan di masing-masing kasus berikut.

<html>
<body>
<script type="text/javascript">
var grade='A';
document.write("Entering switch block<br />");
switch (grade)
{
case 'A': document.write("Good job<br />");
break;
case 'B': document.write("Pretty good<br />");
break;
case 'C': document.write("Passed<br />");
break;
case 'D': document.write("Not so good<br />");
break;
case 'F': document.write("Failed<br />");
break;
default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>

Sumber :

– Abdul Qadir, 2013, From Zero to A Pro Javascript & Jquery, Andi Yogyakarta
– Tutorials point, 2015, JavaScript Language Tutorials Point, E-book, tutorialspoint.com
– https://www.w3bai.com/id/

<< Part 3