Pemrograman Web Dasar ~ JavaScript

September 03, 2019

Pemrograman Web Dasar ~ JavaScript

Assalamualaikum Warohmaullahi wabarokatu

Hallloo semuanya balik lagi sama saya dengan materi pemrograman web dasar ,kali ini kita masih membahas Tentang JavaScript tapi kali ini kita akan mengenal mengenai Array dan Kondisi Pecabangan(if else/switch case).

Definisi Array

Array adalah satu variable yang dapat berisi banyak data yang independent. Data yang disimpan diberikan indeks tertentu atau menggunakan Nomer urut mulai dari 0. Indeks ini nantinya dapat digunakan untuk mengaksess data yang disimpan dalam array tersebut.

Variable variable di JS hanya bisa menyimpan satu data pasa suatu saat. Adanya kecendurungan yang besar untuk memanipulasi sejumlah data dalam 1 variable membuat konsep variable tersebut menjadi tidak cukup.

Sebagai Solusinya, JS menghadirkan struktur data yang memungkinkan menyimpan himpunan/kelompok data 1 variable khusus yang disebut Array.

Jenis Jenis Array.

Arrayy terbagi menjadi 2 jenis yaitu :

Array monodimensi

Array yang hanya berisikan nilai nilai tungal disebut array monodimensi

Indeks ini akan diberikan secara otomatis oleh interpreter JavaScript, dimulai dari elemen.data pertama dengan ineks 0 . Dalam suatu arrat dengan n elemen , maka elemen ke-n akan mempunyai ineks-1.

Array Multidimensi

Jika elemen suatu array diberisikan array lainnya, maka array tersebut termasuk array multidimensi.

Array Asosiatif

Indeks dalam array selain ditentukan secara otomatis oleh sistem dan selalu dimulai dari 0, juga dapat dimodifikasi dengan menggunakan kata(string) atau nilai tertentu. Tabel dengan indeks termodifikasi ini kita kenal dengan nama Array Asosiatif

Berikut contoh penggunaan Array pada JavaScript :

See the Pen BuatArray by taufik (@fikmr) on CodePen.

Dalam penulisan Array memakai penggunaan kurung [".." , "..."]

See the Pen ButatArray2 by taufik (@fikmr) on CodePen.

Kita juga dapat memilih Indeks mana yang akan ditampilkan

See the Pen ArrayasObyek by taufik (@fikmr) on CodePen.

Kita juga dapat menggunakan element Id dan obyek.

See the Pen ZEzJPwO by taufik (@fikmr) on CodePen.

Sistem Percabangan

Sistem percabangan terbagi menjadi 4 yaitu : IF, ELSE, ELSE IF , SWITCH

IF

Percabangan IF ini digunakan jika kita hanya memiliki satu pernyataan yang akan dijalankan dengan sarat terten tu Contoh IF sebagai berikut :

Jika kondisi benar, maka pernyataan akan dijalankan

Contoh Codingannya :

Kita bisa menggunakan prompt untuk memasukkan datanya

Contoh kedua :

Contoh ketiga :

ELSE

Else digunakkan untuk mengeksekusi beberapa kode jika kondisi benar dan kode lain jika kondisi salah

Contoh Coding nya :

Pada kondisi ini element ELSE akan bekerja bila kondisi IF tidak terpenuhi

ELSE IF

Percabangan yang digunakan saat kita memiliki banyak kondisi (lebih dari 2) dan banyak pernyataan (lebih dari 2) maka digunakan percabangan ELSE IF

Contoh Codingannya :

kita juga dapat menggambungkkan antara IF-ELSE -ELSE IF

SWITCH

Struktur switch adalah sebuah struktur percabangan yang akan memeriksa suatu variable, lalu menjalankan perintah-perintah yang sesuai dengan kondisi yang mungkin terjadi untuk variable tersebet , Contohnya :

Jangan lupa menggunakan break diakhir kode

Contoh kedua :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>TaufikRpl1</title>
</head>
<body>
    <script>
    alert("Menu Masakan Padang\n Silahkan Pilih Menu Yang Diinginkan \n\n\n klik ok unutuk melanjutkan")
    var pilihan = prompt("1.Rendang....................Rp.14.000\n 2.Ikan......................Rp.13.000\n 3.Dendeng Balado.............Rp.17.000\n 4.Soto Padang................Rp.15.000\n 5.Gulai Paku..................Rp.20.000");

pilihan = Number(pilihan);

switch (pilihan) {
        case 1:
            alert("Menu yang anda pilih : Rendang....................Rp.14.000")
            break;
        case 2:
            alert("Menu yang anda pilih : Ikan......................Rp.13.000")
            break;
        case 1:
            alert("Menu yang anda pilih : Dendeng Balado..............Rp.17.000")
            break;
        case 1:
            alert("Menu yang anda pilih : Soto Padang................Rp.15.000")
            break;
        case 1:
            alert("Menu yang anda pilih : Gulai Paku..................Rp.20.000")
            break;
        default:
        alert("Menu yang anda pilih : tidak ada/silahkan pilih manu yang lain Terimakasih")
            break;
    }
    </script>
</body>
</html>

Dari Contoh dan materi pengkondisian kita juga dapat membuat kalkulator sederhana dengan menggunakan IF/ELSE/ELSE IF / SWITCH dan juga penggunaan Prompt, Contohnya seperti inii :

See the Pen Quiz14 by taufik (@fikmr) on CodePen.

*hasilnya ada saatpertama kali masuk halaman webnya

Yaa cukup sekian materi kali ini jadi sekarang kita dapat menggunakan JavaScript dengan Fungsi yang lebih banyak. jangan lupa tunggu artikel berikutnya

Search This Blog

Taufik MR