Tutorial Belajar JavaScript Bagian 26 : Struktur Logika If Else If di JavaScript

0
576

Pada tutorial sebelumnya, kita sudah mempelajari tentang Tutorial Belajar JavaScript Bagian 25 : Struktur Logika If Else di JavaScript. Dalam tutorial ini, kita akan mempelajari cara menggunakan pernyataan JavaScript if…else…if untuk memeriksa beberapa kondisi dan mengeksekusi blok yang sesuai if kondisi true.

Pengantar JavaScript if else if statement

Pernyataan if dan if…else menerima satu kondisi dan mengeksekusi blok if atau else sesuai dengan kondisi tersebut.

Untuk memeriksa beberapa kondisi dan menjalankan blok yang sesuai if suatu kondisi true, Anda menggunakan pernyataan if…else…if seperti ini :

if (condition1) {

   // ...

} else if (condition2) {

   // ...

} else if (condition3) {

   //...

} else {

   //...

}

Dalam sintaks ini, pernyataan if…else…if memiliki tiga kondisi. Secara teori, Anda dapat memiliki kondisi sebanyak yang Anda inginkan, di mana satu sama lain…if cabang memiliki masing-masing kondisi.

Pernyataan if…else…if memeriksa kondisi dari atas ke bawah dan mengeksekusi blok yang sesuai jika kondisinya bernilai true.

Pernyataan if…else…if berhenti mengevaluasi kondisi yang tersisa segera setelah kondisi true ditemukan. Misalnya, if kondisi2 true, pernyataan if…else…if tidak akan mengevaluasi kondisi3.

Jika semua kondisi bernilai false, pernyataan if…else…if mengeksekusi blok di cabang else.

Flowchart berikut mengilustrasikan bagaimana pernyataan bagaimana if…else…if bekerja :

JavaScript if else if

Berikut contoh penggunaan if else if .

Mari kita ambil beberapa contoh penggunaan pernyataan if…else…if.

1. Contoh pernyataan if…else…if sederhana

Contoh berikut menggunakan pernyataan if…else…if untuk mendapatkan nama bulan dari nomor bulan :

let bulan = 6;
let namaBulan;
if (bulan == 1) {

   namaBulan = 'Jan';

} else if (bulan == 2) {

   namaBulan = 'Feb';

} else if (bulan == 3) {

   namaBulan = 'Mar';

} else if (bulan == 4) {

   namaBulan = 'Apr';

} else if (bulan == 5) {

   namaBulan = 'Mei';

} else if (bulan == 6) {

   namaBulan = 'Jun';

} else if (bulan == 7) {

   namaBulan = 'Jul';

} else if (bulan == 8) {

   namaBulan = 'Agustus';

} else if (bulan == 9) {

   namaBulan = 'Sep';

} else if (bulan == 10) {

   namaBulan = 'Okt';

} else if (bulan == 11) {

   namaBulan = 'Nov';

} else if (bulan == 12) {

   namaBulan = 'Des';

} kalau tidak {

   namaBulan = 'Bulan tidak valid';

}

console.log(namaBulan);

Hasil :

Jun

Dalam contoh ini, kita membandingkan bulan dengan 12 angka dari 1 sampai 12 dan menetapkan nama bulan yang sesuai ke variabel namaBulan.

Karena bulan adalah 6, ekspresi month==6 dievaluasi menjadi bernilai true. Oleh karena itu, pernyataan if…else…if menugaskan string literal ‘Jun’ ke variabel namaBulan. Oleh karena itu, kita akan mendapatkan hasil Jun di console.

Jika Anda mengubah bulan menjadi angka yang bukan antara 1 dan 12, Anda akan melihat tulisan “Bulan Tidak Valid” di console karena pernyataan else akan dijalankan.

2. Menggunakan pernyataan JavaScript if…else…if untuk menghitung indeks massa tubuh

Contoh berikut menghitung indeks massa tubuh (BMI) seseorang. Ini menggunakan pernyataan if…else…if untuk menentukan status berat berdasarkan BMI :

let berat = 70; // kg
let tinggi = 1,72; // meter

// hitung indeks massa tubuh (BMI)

let bmi = berat / (tinggi * tinggi);

let statusBerat;

if (bmi < 18,5) {

   statusBerat = 'Kekurangan berat badan';

} else if (bmi >= 18.5 && bmi <= 24.9) {

   statusBerat = 'Berat Badan Sehat';

} else if (bmi >= 25 && bmi <= 29,9) {

   statusBerat = 'Kelebihan berat badan';

} else {

   statusBerat = 'Obesitas';

}

console.log(statusBerat);

Hasil :

Berat Badan Sehat

Bagaimana skrip ini bekerja.

  • Pertama, nyatakan dua variabel yang memuat berat dalam kilogram dan tinggi dalam meter. Dalam aplikasi web sebenarnya di dunia nyata, Anda akan mendapatkan nilai ini dari formulir isian web.
  • Kedua, menghitung indeks massa tubuh dengan cara membagi berat badan dengan kuadrat tinggi badan.
  • Ketiga, tentukan status berat badan berdasarkan IMT dengan menggunakan pernyataan if…else..if.
  • Terakhir, keluarkan statusBerat ke console.

Kesimpulan

Gunakan pernyataan if…else…if untuk memeriksa beberapa kondisi dan mengeksekusi blok yang sesuai if suatu kondisi bernilai true.

Itu dia tutorial belajar JavaScript tentang pengguaan struktur if else if dalam menganalisis logika pada pemrograman JavaScript.

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.