Terakhir diperbaharui: Feb 14, 2021
Conditional Statement
Decision Making
Decision making adalah proses dimana kita harus membuat sebuah keputusan karena suatu kondisi.
Proses ini sering ditemui di dalam sebuah aplikasi. Salah satunya adalah ketika login.
Pada kondisi dimana user memasukan username dan password dengan benar maka keputusan yang diambil adalah membiarkan user masuk, dan begitu sebaliknya.
Setiap kondisi akan dievalusi sebelum mengambil keputusan. Hasil evaluasi berupa nilai boolean (true atau false).
Conditional Statement
1let dino = {2 name: '',3 color: 'red'4};56// gunakan statement if untuk mengevaluasi kondisi atau value7if (dino.color === 'red') {8 dino.name = 't-rex'; // update dino name9}
Pada code di atas nama dino diubah menjadi t-rex jika warna dino tersebut adalah red.
Kita mengevaluasi value dari dino.color menggunakan keyword if.
Bentuk code di atas biasa disebut dengan conditional statement.
Bentuk conditional statement
Ada beberapa bentuk conditional statement:
1// if2if (condition) {3 ...4}56// if else7if (condition) {8 ...9} else {10 ...11}1213// if - else if - else14if (condition) {15 ...16} else if (condition) {17 ...18} else {19 ...20}2122// nested if ( if di dalam if )2324if (condition) {25 if (condition) {26 ...27 } else {28 ...29 }30}
Contoh:
if...
1let dino = {2 name: '',3 weight: 110,4 color: 'red'5};67if (dino.weight > 100 && dino.color === 'red') {8 dino.name = 't-rex';9}
if...else
1let dino = {2 name: '',3 color: 'blue'4};56if (dino.color === 'red') {7 dino.name = 't-rex';8} else {9 dino.name = 'brachio';10}
if...else if...else
Ketika kondisi yang dievaluasi dan pilihan berjumlah banyak.
1let dino = {2 name: '',3 color: 'orange'4};56if (dino.color === 'red') {7 dino.name = 't-rex';8} else if (dino.color === 'blue') {9 dino.name = 'brachio';10} else {11 dino.name = 'stego';12}
nested if
condition statement di dalam condition statement yang lain:
1let dino = {2 name: '',3 weight: 190,4 color: 'red'5};67if (dino.color === 'red') {8 if(dino.weight > 100) {9 dino.name = 't-rex';10 } else {11 dino.name = 'allo';12 }13}
Switch
Jika kondisi yang harus dievaluasi menggunakan if
berjumlah sangat banyak, kita bisa menggunakan switch
statement untuk menjadikannya lebih sederhana dan mudah dibaca.
Syntax
1switch (expression) {2 case label_1:3 statements_14 [break;]5 case label_2:6 statements_27 [break;]8 …9 default:10 statements_def11 [break;]12}
Contoh:
1let dino = {2 name: '',3 color: 'orange'4};56switch (dino.color) {7 case 'blue':8 dino.name = 'brachio';9 break;10 case 'green':11 dino.name = 'stego';12 break;13 case 'brown':14 dino.name = 'tricera';15 break;16 case 'orange':17 dino.name = 'allo';18 break;19 default:20 console.log('Sorry, cannot find dino name');21}
Alur dari code di atas: