Kondisional dalam JavaScript

Kondisional dalam JavaScript

Kondisional adalah struktur dalam pemrograman yang memungkinkan pengambilan keputusan berdasarkan kondisi tertentu. JavaScript menyediakan beberapa jenis pernyataan kondisional untuk mengendalikan aliran program.

Tabel Pernyataan Kondisional dalam JavaScript

Pernyataan Kondisional	Deskripsi	Sintaks
if	Mengeksekusi blok kode jika kondisi benar	if (condition) { /* code */ }
if...else	Mengeksekusi blok kode lain jika kondisi salah	if (condition) { /* code */ } else { /* code */ }
else if	Menambahkan kondisi lain ke pernyataan if...else	if (condition1) { /* code */ } else if (condition2) { /* code */ } else { /* code */ }
switch	Mengeksekusi blok kode berdasarkan nilai variabel	switch (expression) { case value1: /* code */ break; case value2: /* code */ break; default: /* code */ }
ternary operator	Mengembalikan nilai berdasarkan kondisi (satu baris)	condition ? expressionIfTrue : expressionIfFalse

Penjelasan dan Contoh

Berikut penjelasan sederhana dari kode tersebut:

if Statement

let x = 15;
if (x > 10) {
    console.log('x is greater than 10'); // Output: x is greater than 10
}

• Jika x lebih besar dari 10, maka cetak 'x is greater than 10'.

if...else Statement

let x = 5;
if (x > 10) {
    console.log('x is greater than 10');
} else {
    console.log('x is 10 or less'); // Output: x is 10 or less
}

• Jika x lebih besar dari 10, cetak 'x is greater than 10'.

• Jika tidak, cetak 'x is 10 or less'.

else if Statement

let x = 7;
if (x > 10) {
    console.log('x is greater than 10');
} else if (x > 5) {
    console.log('x is greater than 5'); // Output: x is greater than 5
} else {
    console.log('x is 5 or less');
}

• Jika x lebih besar dari 10, cetak 'x is greater than 10'.

• Jika tidak, tapi x lebih besar dari 5, cetak 'x is greater than 5'.

• Jika tidak, cetak 'x is 5 or less'.

switch Statement

let color = 'blue';
switch (color) {
    case 'red':
        console.log('Red');
        break;
    case 'blue':
        console.log('Blue'); // Output: Blue
        break;
    default:
        console.log('Unknown color');
}

• Cek nilai color. Jika 'red', cetak 'Red'.

• Jika 'blue', cetak 'Blue'.

• Jika bukan keduanya, cetak 'Unknown color'.

Ternary Operator

let x = 8;
let result = (x > 10) ? 'greater than 10' : '10 or less';
console.log(result); // Output: 10 or less

• Jika x lebih besar dari 10, result adalah 'greater than 10'.

• Jika tidak, result adalah '10 or less'.

Sumber

• MDN Web Docs - if...else
• MDN Web Docs - switch
• MDN Web Docs - Conditional (ternary) operator
• W3Schools - JavaScript Conditions

Pernyataan kondisional memungkinkan Anda untuk mengontrol aliran eksekusi dalam program berdasarkan kondisi yang diberikan, yang sangat penting untuk membuat aplikasi yang dinamis dan responsif.