Cara menggunakan SWITCHB pada JavaScript

Question

Switch Case pada JavaScript dasarnya adalah sama dengan pencabangan atau IF ELSE, hanya saja caranya yang berbeda, bisa dikatakan lebih sederhana ketimbang penggunaan IF ELSE.

Table of Contents Show

Belajar Javascript Part 10 : Switch Case Di Javascript
Switch Case Pada Javascript
Apa itu switch pada javascript?
Kapan kita harus menggunakan switch case?

Pada tutorial kali ini kita akan belajar bagaimana cara menggunakan switch case di javascript untuk proses pencabangan, yaitu memutuskan suatu keadaan atau kondisi agar dapat keluar sesuai dengan yang diinginkan.

Berikut ini penulis terangkan sedikit penggunaan switch dan case di javascript.

switch(kondisi) {
     case x:
          // kode
     break;
     case y:
          // kode
     break;
     default:
         // kode
}
Code language: JavaScript (javascript)

Keterangan.

Kondisi pada switch hanya di isi satu kali saja.
Pengisian nilai untuk mencocokan kondisi dengan memasukan nilai di case.
Apabila nilai-nilai yang ada pada case tidak memenuhi syarat maka akan kembali ke default.

Blok default tidak harus diisi, bagian tersebut opsional apabila tidak ada kondisi yang memenuhi syarat maka akan kembali ke default.

Berikut ini contoh penulisan sintaks switch case di javascript.

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

		var hari = '';

		switch (new Date().getDay()) {
			case 0:
				hari = 'Minggu';
			break;
			case 1:
				hari = 'Senin';
			break;
			case 2:
				hari = 'Selasa';
			break;
			case 3:
				hari = 'Rabu';
			break;
			case 4:
				hari = 'Kamis';
			break;
			case 5:
				hari = 'Jumat';
			break;
			case 6:
				hari = 'Sabtu';
		}

		console.log('Hari ini adalah hari: ' + hari);
	</script>
</head>
</html>
Code language: HTML, XML (xml)

Dari kode diatas maka akan menampilkan hari ini.

Yang perlu diingat bahwa switch case tidak mendukung operasi operator logika.

Itulah kekurangan dari switch case, akan tetapi switch case sangat berguna apabila sesuai dengan kebutuhan kode kita, karena dari segi penulisan lebih mudah dan tidak kompleks.

JavaScript - Javascript Dasar

By
12 March 2016
JavaScript Javascript Dasar

Belajar Javascript Part 10 : Switch Case Di Javascript

Belajar Javascript Part 10 : Switch Case Di Javascript – Switch Case adalah fungsi yang berguna untuk membuat pengecekan sebuah nilai. dan nilai yang tersedia untuk pengecekan bisa banyak atau lebih dari satu. pada tutorial sebelumnya kita telah membahas tentang cara menggunakan switch case pada php. dan di tutorial ini kita akan membahas tentang penggunaan switch case pada javascript. silahkan teman-teman perhatikan contoh penggunaan switch case pada javascript berikut.

Switch Case Pada Javascript

Pada contoh penggunaan switch case pada javascript di tutorial ini. kita akan membuat pengecekan sebuah variabel warna yang berisi merah. dan kemudian kita cek isi variabel warna ini. baca tutorial sebelumnya tentang pengenalan variabel pada javascript.

switch.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

<!DOCTYPE html>

<html>

<head>

<title>Belajar Javascript Part10:Switch Case Di Javascript</title>

</head>

<body>

<h2>Switch Case Di Javascript</h2>

<h2>www.malasngoding.com</h2>

var warna="merah";

switch(warna){

case"hitam":

teks="warna hitam";

break;

case"merah":

teks="Warna merah";

break;

case"hijau":

teks="Warna hijau";

break;

default:

teks="Warna tidak terdeteksi";

}

document.getElementById("hasil").innerHTML=teks;

</script>

</body>

</html>

perhatikan pada contoh di atas. kita memiliki sebuah variabel bernama warna. dan berisi string “merah”.

kemudian kita mengecek isi variabel warna ini.

switch(warna){

case"hitam":

teks="warna hitam";

break;

case"merah":

teks="Warna merah";

break;

case"hijau":

teks="Warna hijau";

break;

default:

teks="Warna tidak terdeteksi";

}

jika warna menemukan data case nya yang sesuai dengan isi dari variabel warna maka proses pengecekan akan di hentikan. di sini data di temukan pada pengecekan kedua yaitu merah. kemudian kita menyimpan string ke dalam variabel teks. sampai di sini kita telah memiliki isi di dalam variabel teks. dan terakhir kita tampilkan.

document.getElementById("hasil").innerHTML=teks;

dan hasilnya.

belajar javascript switch case pada javascript

sedikit tambahan, pada bagian default adalah bagian dimana jika pengecekann tidak di temukan maka default yang akan di gunakan. misalnya jika pengecekan warna tidak ada yg sesuai maka default yang di jalankan.

sekian dulu tutorial Belajar Javascript Part 10 : Switch Case Di Javascript. semoga dapat bermanfaat.

Incoming search terms:

contoh javascript kalender
contoh kode javascript
fungsi switch pada javascript
penggunaan switch case pada javascript
contoh program menggunakan javascript
contoh switch case javascript
switch case javascript
contoh javascript switch case
contoh coding javascript pake switch case
Contoh switch case ja

Apa itu switch pada javascript?

Switch adalah pernyataan bersyarat seperti pernyataan if. Switch berguna ketika kalian ingin mengeksekusi salah satu dari beberapa blok kode berdasarkan nilai yang dikembalikan dari ekspresi yang ditentukan. Sesuai syntaxdi atas, pernyataan switch berisi ekspresi atau nilai literal.

Kapan kita harus menggunakan switch case?

Dari segi use case, apabila yang di cek hanya satu variabel dan hanya melakukan pengecekan apakah nilai variabel sama atau tidak dengan value tertentu, maka cocok menggunakan switch case.

kode javascript Switch case JavaScript