Langsung ke konten utama

Haikal PG - XI RPL 1 - PWPB Sesi 13

Assalamualaikum Warahmatullahi Wabarokatuh
Pada pertemuan kali ini masih di Javascript, Kita akan masuk ke materi tentang array. Apa itu array? Bagaimana array bekerja? kita langsung saja mulai.

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 kita gunakan untuk mengakses data yang disimpan dalam array tersebut.
Jenis-jenis array
  1. Array monodimensi
  • Array yang hanya berisikan nilai-nilai tunggal disebut sebagai array monodimensi.
  • Indeks ini akan diberikan secara otomatis oleh intepreter javascript, dimulai dari elemen/data pertama dengan indeks 0 Dalam suatu array dengan n elemen, maka elemen ke-n akan mempunyai indeks n-1.
      2.Array Multidimensi
  • Jika elemen suatu array berisikan array lainnya, maka array tersebut termasuk array multidimensi.
      3.Array Asosiatif
  • Indek 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.

BuatArray.html
Kita akan coba buat sebuah array dan kita isikan dengan sebuah string dengan nama-nama dan kita akan panggil salah satu indeks ke dalam tag HTML. Setelah kita panggil kita akan mengedit sebuah tampilanya agar lebih cantik menggunakan CSS yang akan kita gunakan untuk semua file yang akan kita buat kali ini. Tampilannya  dan kodnya: 

Bisa teman-teman lihat. kita telah membuat sebuah array dengan nama siswaXIRPL1 dengan cara memanggilanya dengan var siswaXIRPL1 = ["Indeks 0", "Indeks 1", "Indeks 2", "Indeks Ke-n"]; setelah kita membuat array kita akan memanggil indeks ke 4 yaitu "Lukman" seperti pada code diatas lalu tampilkan ke tag <p> yang memiliki id coba. Maka yang mucul adalah nama lukman.

BuatArray2.html
Sama seperti diatas kita akan memanggil sebuah nama yang ada pada array. Namun kali ini syntax penulisannya agak berbeda jika tapi seperti : var siswaXIRPL1 = ["Indeks 0", "Indeks 1", "Indeks 2", "Indeks Ke-n"]; sekarang menjadi var siswaXIRPL1 = new Array ("Indeks 0", "Indeks 1","Indeks 2","Indeks Ke-n");. Bisa teman-teman lihat, penulisannya sedikit berbeda namun kegunaanya sama yaitu untuk membuat array. Jadi teman-teman bisa pilih metode mana yang akan digunakan untuk pembuatan array. Tampilanya :


Kita buat code seperti diatas, lalu kita panggil sebuah indeks array ke 2.  Maka yang tampil adalah nama rajab.

ArrayAsObjek.html
Array juga bisa ditulis seperti ini var person = {firstname:"Mochamad", lastname:"Faisal", age:15}; dan pemanggilanya bukan dengan indeks nomor tapi dengan seperti ini : document.getElementById("objek").innerHTML = person ["firstname"];. Kita buat array seperti berikut :


Setelah membuat array seperti diatas kita bisa memanggilnya dengan person = ["firstname"]; atau bisa juga person = ["lastname"]; atau bisa juga kita memanggilnya hanya age/umurnya saja dengan person = ["age"];.

AksesDataonArray.html
Kita coba lagi membuat array namun kita akan memanggilnya dengan documen.write();. document.write ini untuk menampilkan ke page HTML. Kita coba buat array dengan berisikan nama-nama binatang dan kita akan tampilkan dengan document.write();. Hasilnya


Kita bisa memanggilnya bersama seperti diatas. Dan menghasilkan sebuah kumpulan kata-kata.


Bisa? atau bingung?. Hehe, kalo bingung teman-teman bisa comment apa yang membuat kalian bingung nanti kita coba solving masalah yang teman-teman berikan di comment. Yasudah sekian saja pada pertemuan kali ini, Wassalamualaikum Warahmatullahi Wabarokatuh.

Komentar

Postingan populer dari blog ini

Haikal PG - XI RPL 1 - PWPB Sesi 19

Assalamualaikum Warahmatullahi Wabarokatuh Kita akan melanjutkan materi tentang web dinamis. Apa saja yang akan kita pelajari? Pengenalan PHP Aturan umum PHP Scripting Variable Tipe Data Komentar Operator Membuat Aplikasi Sederhana Variable Scope (Lingkup Variabel) Pengelompokkan Tipe Data Boolean String Studi Kasus Hal yang harus dipersiapkan: XAMPP yang sudah diinstal kita akan menggunakan web server apache yang telah di bundle dalam aplikasi XAMPP ini Notepad++, Vs Code, Sublime atau apapun text editor favorit kalian. Pengenalan PHP PHP   adalah bahasa pemrograman yang didesain khusus untuk membuat halaman web. PHP adalah singkatan dari Hypertext Preprocessor. Awalya, PHP adalah singkatan dari Personal Home Page yang pertamkali diciptakan oleh Rasmus Lerdorf PHP diciptakan pertama kali untuk keperluan mencatat jumlah pengunjung himepage nya. Perkembangan php saat ini dapat dilihat pada www.php.net PHP adalah salah satu bahasa server-side yang pali

Haikal PG - XI RPL 1 - PWPB Sesi 12

Assalamualaikum Warahmatullahi Wabarokatuh Pada pertemuan kali ini kita akan masuk ke materi Javscript. Javasrcipt ini digunakan untuk pengeksekusian perintah di sisi user / client-side . Seperti memunculkan alert, membuat kalkulator dengan javascript. Sejarah Javasrcipt Javascript diperkenalkan pertama kali oleh Brendan Eich bekerja di Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan "LiveScript" yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak di kritik karena kurang aman, penembangannya yang terkesan buru-buru dan tidak ada pesan kesalahan yang ditampilkan tiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan giatnya kerjasama antara Netscape dan Sun (Pengembang bahasa pemrograman "Java") pada masa itu, maka Netscape memberikan nama "Javascript" kepada bahasa tersebut pada tanggal 4 desember 1955. versi terakhir dari bahasa ini adalah vesi

Haikal PG - XI RPL 1 - PWPB Sesi 14

Assalamualaikum Warahmatullahi Wabarokatuh Pada sesi kali ini kita akan membahas tentang penerapat struktur kontrol percabangan. Sistem percabangan terbagi menjadi 4 yaitu : IF ELSE IF ELSE SWITCH IF digunakan jika hanya memiliki satu pernyataan yang akan dijalankan dengan syarat tertentu. Contoh IF sebagai berikut   If ELSE IF digunakan saat kita memiliki banyak kondisi (2 atau lebih) pernyataan. Contoh ELSE IF sebagai berikut Else If ELSE digunakan jika pernyataan yang disyaratkan semuanya tidak terpenuhi maka block ELSE ini akan dijalankan. Contoh penggunaan ELSE Else SWITCH adalah sebuah struktur percabangan yang akan memeriksa suatu variabel, lalu menjalankan perintah-perintah yang sesuai dengan kondisi yang mungkin terjadi untuk variabel tersebut.Contoh penggunaan SWITCH Switch Ok itu dia macam macam struktur kontrol percabangan. Sekarang kita akan memulai latihannya :  if1Umur.html Kita akan membuat if untuk mengecek sebuah umur. Contohn