Pemrograman Javascript

Presentasi berjudul: "Pemrograman Javascript"— Transcript presentasi:

1 Pemrograman Javascript
Teknik Informatika Universitas Bunda Mulia Jakarta Chandra Hermawan H., M.Kom., MM.

2 Metode tambahan pada Array
concat(): berguna untuk menggabungkan elemen- elemen dari dua buah array var array_baru = array_1.concat(array_2); pop(): membuang elemen terakhir dalam array, dan memberikan elemen tsb sebagai nilai balik var elemen = array_1.pop(); push(): menambahkan satu atau beberapa elemen ke bagian akhir dari array array_1.push(elemen_1, elemen2,…, elemen_n);

3 Metode tambahan pada Array
shift(): kebalikan dari pop(), membuang elemen pertama dalam array, dan memberikan elemen tsb sebagai nilai balik var elemen = array_1.shift(); unshift(): kebalikan dari push, menambahkan satu atau beberapa elemen, sebelum elemen pertama dalam array array_1.unshift(elemen_1, elemen_2, …, elemen_n); slice(): memenggal array dari elemen n ke elemen y var array_baru = array_1.slice(awal, akhir);

4 Mengenal Objek Pada Javascript
Ilustrasi : Kebun 􀂃 Pohon • Dahan o Daun o Sarang Burung 􀂃 Panjang = 20 􀂃 Warna = kuning 􀂃 Tinggi = 4 • Batang • Akar 􀂃 Sangkar Ternak • Ayam • Bebek

5 Mengenal Objek Pada Javascript
Sarang burung yang berada di atas pohon dapat di tuliskan sebagai berikut : Kebun.Pohon.Dahan.Sarang Burung Bila ingin mengecat atau mengganti warna sarang burung yang terletak di atas pohon, maka perintahnya : Kebun.Pohon.Dahan.Sarang Burung.warna=hijau

6 Mendefinisikan Objek Untuk membuat objek, pada prinsipnya kita melakukan hal sbb: Mendefinisikan fungsi yang akan menjadi metode bagi objek Membuat konstruktor objek Contoh: function perolehWarna () { return (this.warna); }

7 function ubahWarna (warna) {
this.warna = warna; }; Function tampilkanInfoMobil() { document.write(“Tipe : “ + this.tipe + “<br/>”); document.write(“Merk : “ + this.merk + “<br/>”); document.write(“CC : “ + this.cc + “<br/>”); document.write(“Warna : “ + this.warna + “<br/>”);

8 function Mobil (tipe, merk, cc, warna) {
this.tipe = tipe; this.merk = merk; this.cc = cc; this.warna = warna; this.perolehWarna = perolehWarna; this.ubahWarna = ubahWarna; this.tampilkanInfoMobil = tampilkanInfoMobil; }; var mobilku = new Mobil(“Avanza”,”Toyota”,1300,”Hitam”)

9 Objek dengan Notasi Literal
namaObjek = { properti_1: nilai_1, … properti_n: nilai_n }; Var buku = {judul: “Pemrograman Javascript”, pengarang: “Abdul Kadir”};

10 Objek dalam Objek Suatu objek dapat memiliki properti yang merupakan
suatu objek lain function orang (nama, usia, jenis_kelamin) { this.nama = nama; this.usia = usia; this.jenis_kelamin = jenis_kelamin; };

11 Objek dalam Objek function orang (nama, usia, jenis_kelamin) {
this.nama = nama; this.usia = usia; this.jenis_kelamin = jenis_kelamin; }; function Mobil (tipe, merk, cc, warna, pemilik) { this.tipe = tipe; this.merk = merk; this.cc = cc; this.warna = warna; this.pemilik = pemilik;

12 Objek dalam Objek andi = new orang (“Andi”,30,”Laki-laki”);
mobil_andi = new Mobil (“Avanza”,”Toyota”,1300,”Hitam”, andi);

13 THANK YOU