Lompat ke konten Lompat ke sidebar Lompat ke footer

Statement if, if..else dan switch dalam JavaScript

Statement if, if..else dan switch pada JavaScript (Flow Control Statement)

WritingSkills.web.id - Seperti kebanyakan bahasa pemrograman lainnya, JavaScript memiliki beberapa statement flow control termasuk if dan if..else, serta switch

Statement if

Berikut adalah contoh kode yang berisi statement if dalam bahasa JavaScript:
let adalahProgrammer = true;

if (adalahProgrammer) {
  // ini mengeksekusi
  // bila pengecekan di atas 
  // sama dengan true
  console.log("statement if");
}

let coding = "fun";

if (coding === "fun") {
  // ini mengeksekusi
  // bila pengecekan di atas 
  // sama dengan true
  console.log(" itu keren");
}

Output dari barisan kode statement if di atas adalah:
statement if itu keren
Contoh kode statement if dalam bahasa JavaScript

Statement if..else

Kita bisa melakukan pengecekan pada multiple conditions menggunakan if..else. Pengecekan dengan statement if pertama yang bernilai true akan dieksekusi. Bila tidak ada dari statement if lainnya yang bernilai true, maka statement else terakhir yang akan dieksekusi (bila ada). 

Berikut adalah contoh kode yang berisi statement if..else dalam bahasa JavaScript:
const kemampuanCoding = "belajar";

if (kemampuanCoding === "pemula") {
  console.log("terus maju!");
}  else if (kemampuanCoding === "ninja") {
  console.log("halo sensei");
}  else {
  console.log("masih mencari tahu");
}

Output dari barisan kode statement if..else di atas adalah:
masih mencari tahu
Contoh kode statement if..else dalam bahasa JavaScript

Statement switch 

Ketika harus melakukan banyak perbandingan untuk menghasilkan satu nilai tunggal (single value), alih-alih menggunakan banyak statement if..else, barisan kode akan lebih mudah dibaca dengan menggunakan statement switch. Sebagai contoh bandingkan kedua kode if..else dan statement switch berikut:

Barisan kode if.. else:
// barisan kode ini

const a = "8";

if (a === "5") {
  console.log("3 kursi kosong");
} else if (a === "6") {
  console.log("2 kursi kosong");
} else if (a === "7") {
  console.log("1 kursi kosong");
} else {
  console.log("kursi penuh!");
}
Contoh Perbandingan kode statement if..else dalam bahasa JavaScript

Barisan kode switch:
// lebih mudah dibaca seperti ini 

const a = "8";

switch (a) {
  case "5":
    console.log("3 kursi kosong");
    break;
  case "6":
    console.log("2 kursi kosong");
    break;
  case "7":
    console.log("1 kursi kosong");
    break;
  default:
    console.log("kursi penuh!");  
}
Contoh Perbandingan kode statement switch dalam bahasa JavaScript

Case default di dalam statement switch di atas berfungsi sama seperti else terakhir di dalam barisan kode if..else. Case default akan dieksekusi bila tidak ada condition sebelumnya yang sudah melalui proses pengecekan bernilai true

Statement break diperlukan untuk keluar dari statement switch, dan biasanya digunakan pada setiap akhir case. Tanpa statement break, switch akan terus mengeksekusi semua case hingga menemukan statement break

Helmi
Helmi Aku adalah seorang blogger yang ingin berbagi inspirasi kepada semua orang dengan membuat tulisan-tulisan yang bermanfaat.

Posting Komentar untuk "Statement if, if..else dan switch dalam JavaScript"