Search by

    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};
    5
    6// gunakan statement if untuk mengevaluasi kondisi atau value
    7if (dino.color === 'red') {
    8 dino.name = 't-rex'; // update dino name
    9}

    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// if
    2if (condition) {
    3 ...
    4}
    5
    6// if else
    7if (condition) {
    8 ...
    9} else {
    10 ...
    11}
    12
    13// if - else if - else
    14if (condition) {
    15 ...
    16} else if (condition) {
    17 ...
    18} else {
    19 ...
    20}
    21
    22// nested if ( if di dalam if )
    23
    24if (condition) {
    25 if (condition) {
    26 ...
    27 } else {
    28 ...
    29 }
    30}

    Contoh:

    if...

    1let dino = {
    2 name: '',
    3 weight: 110,
    4 color: 'red'
    5};
    6
    7if (dino.weight > 100 && dino.color === 'red') {
    8 dino.name = 't-rex';
    9}

    if statement

    if...else

    1let dino = {
    2 name: '',
    3 color: 'blue'
    4};
    5
    6if (dino.color === 'red') {
    7 dino.name = 't-rex';
    8} else {
    9 dino.name = 'brachio';
    10}

    if else statement

    if...else if...else

    Ketika kondisi yang dievaluasi dan pilihan berjumlah banyak.

    1let dino = {
    2 name: '',
    3 color: 'orange'
    4};
    5
    6if (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};
    6
    7if (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_1
    4 [break;]
    5 case label_2:
    6 statements_2
    7 [break;]
    8
    9 default:
    10 statements_def
    11 [break;]
    12}

    Contoh:

    1let dino = {
    2 name: '',
    3 color: 'orange'
    4};
    5
    6switch (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:

    switch