Pernyataan Sakelar JavaScript (dengan Contoh)

Dalam tutorial ini, Anda akan belajar tentang pernyataan sakelar JavaScript dengan bantuan contoh.

switchPernyataan JavaScript digunakan dalam pengambilan keputusan.

The switchpernyataan mengevaluasi ekspresi dan mengeksekusi sesuai tubuh yang cocok hasil ekspresi ini.

Sintaks dari switchpernyataan tersebut adalah:

 switch(variable/expression) ( case value1: // body of case 1 break; case value2: // body of case 2 break; case valueN: // body of case N break; default: // body of default )

The switchpernyataan mengevaluasi variabel / ekspresi dalam tanda kurung ().

Jika hasil ekspresi sama dengan value1, tubuhnya akan dieksekusi.
Jika hasil ekspresi sama dengan value2, tubuhnya akan dieksekusi.
Proses ini terus berlanjut. Jika tidak ada kasus yang cocok, defaultbadan akan dieksekusi.

Catatan:

The breakpernyataan adalah opsional. Jika ditemukan pernyataan break, pernyataan switch berakhir.
Jika breakpernyataan tidak digunakan, kasus setelah kasus yang cocok juga dijalankan.
The defaultklausa juga opsional.

Diagram alir Pernyataan sakelar

Diagram alir pernyataan sakelar JavaScript

Contoh 1: Program Sederhana Menggunakan Pernyataan switch

 // program using switch statement let a = 2; switch (a) ( case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Keluaran

 Nilainya dua.

Dalam program di atas, ekspresi a = 2dievaluasi dengan switchpernyataan.

Hasil ekspresi dievaluasi dengan case 1hasil false.
Kemudian switchpernyataan itu berlanjut ke kasus kedua. Di sini, hasil ekspresi cocok dengan case 2. Jadi Nilainya dua yang ditampilkan.
The breakpernyataan berakhir blok dan kontrol aliran program melompat ke luar dari switchblok.

Contoh 2: Jenis Pernyataan Check-in switch

 // program using switch statement let a = 1; switch (a) ( case "1": a = 1; break; case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Keluaran

 Nilainya satu.

Dalam program di atas, ekspresi a = 1dievaluasi dengan switchpernyataan.

Dalam JavaScript, pernyataan switch memeriksa nilainya dengan ketat. Jadi hasil ekspresi tidak cocok dengan case "1".
Kemudian switchpernyataan itu berlanjut ke kasus kedua. Di sini, hasil ekspresi cocok dengan case 1. Jadi Nilainya satu yang ditampilkan.
The breakpernyataan berakhir blok dan kontrol aliran program melompat ke luar dari switchblok.

Catatan : Dalam JavaScript, pernyataan switch memeriksa kasus secara ketat (harus dari tipe data yang sama) dengan hasil ekspresi. Perhatikan dalam contoh di atas, 1 tidak cocok dengan "1" .

Mari kita tulis program membuat kalkulator sederhana dengan switchpernyataan tersebut.

Contoh 3: Kalkulator Sederhana

 // program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )

Keluaran

 Masukkan operator: + Masukkan nomor pertama: 4 Masukkan nomor kedua: 5 4 + 5 = 9

Dalam program di atas, pengguna diminta untuk memasukkan + , - , * atau /, dan dua operan. Kemudian, switchpernyataan tersebut mengeksekusi kasus berdasarkan input pengguna.

Beralih JavaScript Dengan Banyak Kasus

Dalam pernyataan sakelar JavaScript, kasus dapat dikelompokkan untuk berbagi kode yang sama.

Contoh 4: Beralih Dengan Banyak Kasus

 // multiple case switch program let fruit = 'apple'; switch(fruit) ( case 'apple': case 'mango': case 'pineapple': console.log(`$(fruit) is a fruit.`); break; default: console.log(`$(fruit) is not a fruit.`); break; )

Keluaran