PEMROGRAMAN BERBASIS WEB/2018

Presentasi berjudul: "PEMROGRAMAN BERBASIS WEB/2018"— Transcript presentasi:

1 PEMROGRAMAN BERBASIS WEB/2018
OBJECT PEMROGRAMAN BERBASIS WEB/2018

2 OBJECT STRING Object String adalah suatu objek yang merupakan kumpulan dari elemen karakter-karakter. Dalam Javascript string atau karakter harus diapit dengan tanda petik ganda(“) atau tanda petik tunggal(‘) Contoh pendeklarasian Objek String : Nama = “Shafana Vevica” Panjang = Nama,length; // Panjang akan berisi 14

3 Memformat teks dengan Javascript
Properti Deskripsi length Menghasilkan jumlah karakter dari suatu string atau teks Metode anchor(nama) <A name="nama"> big() <BIG>. Tercetak lebih besar blink() <BLINK> Efek berkedip aktif pada browerNetscape bold() <B> Tercetak tebal fixed() <TT> surrounding it. Tercetak fixed-pitch fontcolor(warna) <FONT color="warna"> Tercetak sesuai warna yang didefinisikan fontsize(size) <FONT size="size"> italics() <I> Tercetak miring link(url) <A href="url"> Menjadikan string hyperlink small() <SMALL> Tercetak lebih strike() <STRIKE> Tercetak dengan coretan sub() <SUB> Tercetak subscript sup() <SUP> Tercetak superscript toLowerCase() Mengubah string menjadi huruf kecil semua. toUpperCase() Mengubah string menjadu huruf besar semua Memformat teks dengan Javascript

4 OBJECT ARRAY Array adalah suatu variable yang dapat memuat beberapa nilai secara berurutan atau seri. Artinya variable yang dideklarasikan sebagai array isinya tidak satu. Berikut adalah pendeklarasian untuk array. nama = new Array(3) nama[0] =”Dian” nama[1] =”Andri” nama[2]=”Irawan” nama = new Array(”Dian”,”Andri”,”Irawan”)

5 Metode untuk Manipulasi Array
1. concat() fungsi : Menggabungkan dua atau lebih array Sintaks:arrayObject.concat(arrayX,arrayX,......,arrayX) Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Tove" arr[2] = "Hege" var arr2 = new Array(3) arr2[0] = "John" arr2[1] = "Andy" arr2[2] = "Wendy" var arr3 = new Array(2) arr3[0] = "Stale" arr3[1] = "Borge" document.write(arr.concat(arr2,arr3)) </script>

6 Metode untuk Manipulasi Array
2. join() Fungsi:Menuliskan elemen-elemen array ke dalam satu string dipisahkan oleh karakter yang kita set Sintaks: arrayObject.join(pemisah) Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr.join() + "<br />") document.write(arr.join(".")) </script>

7 Metode untuk Manipulasi Array
3. pop() Fungsi: Untuk mendelete elemen terakhir dari suatu array Sintaks: arrayObject.pop() Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr + "<br />") document.write(arr.pop() + "<br />") document.write(arr) </script>

8 Metode untuk Manipulasi Array
4. push() Fungsi: Menambah satu atau lebih elemen ke bagian akhir suatu array Sintaks: arrayObject.push(newelement1,newelement2,....,newelementX) Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr + "<br />") document.write(arr.push("Kai Jim") + "<br />") document.write(arr) </script>

9 Metode untuk Manipulasi Array
5. reverse() Fungsi: Membalikkan urutan elemen dalam suatu array Sintak: arrayObject.reverse() Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr + "<br />") document.write(arr.reverse()) </script>

10 Metode untuk Manipulasi Array
6. shift() Fungsi: Untuk mendelete elemen pertama dari suatu array Sintaks: arrayObject.shift() Contoh: <script type="text/javascript"> var arr = new Array(3) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr + "<br />") document.write(arr.shift() + "<br />") document.write(arr) </script>

11 Metode untuk Manipulasi Array
7. unshift() Fungsi: Untuk menambahkan satu atau lebih elemen pada awal array Sintaks:arrayObject.unshift(newelement1,newelement2,....,newelementX) Contoh: <script type="text/javascript"> var arr = new Array() arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" document.write(arr + "<br />") arr.unshift("Kai Jim") document.write(arr) </script>

12 Metode untuk Manipulasi Array
8. sort() Fungsi: Untuk mengurutkan elemen array Sintaks: arrayObject.sort(sortby) Contoh: <script type="text/javascript"> var arr = new Array(6) arr[0] = "Jani" arr[1] = "Hege" arr[2] = "Stale" arr[3] = "Kai Jim" arr[4] = "Borge" arr[5] = "Tove" document.write(arr + "<br />") document.write(arr.sort()) </script>

13 Metode Tanggal dan Waktu
Untuk membuat objek tanggal dan waktu terlebih dahulu anda mendeklarasikan variabel/objek tanggal dan waktu tersebut var mydate= new Date() Berikut adalah beberapa metode tanggal dan waktu di javascript Metode Deskripsi getDate() Menghasilkan tanggal dalam suatu bulan getDay() Meghasilkan nama hari getHours() Menghasilkan jam (dimulai dari 0-23 getMinutes() Menghasilkan menit getSeconds() Menghasilkan detik getMonth() Menghasilkan bulan. (dimulai dari 0-11)! getYear() getTime() Menghasilkan tahun Menghasilkan waktu yang lengkap

14 Obyek Math obyek math adalah suatu obyek yang mempunyai banyak Metode dan properti untuk memanipulasi bilangan bilangan dan juga fungsi fungsi matematika. Apapaun Metode atau properti yang digunakan kita harus memulainya dengan kata Math, contohnya adalah sebagai berikut : Math.cos(1); Berikut ini adalah tabel beberapa Metode standart dari obyek math : Metode Keterangan Contoh abs() mengembalikan nilai absolut dari satu bilangan, kalau bilangan positif dia akan mengirimkan kembali bilangan itu, sebaliknya kalau bilangan negatif, dia akan mengirimkan bentuk positifnya x = Math.abs(3.17); //hasilnya x = 3.17 x = Math.abs(-3.17); //hasilnya x = 3.17 ceil() mengembalikan nilai integer terkecil yang lebih besar sama dengan nilai parameter yang diberikan x = Math.ceil(6.01); //hasilnya x = 7 x = Math.ceil(3.99); //hasilnya x = 4 floor() mengembalikan nilai integer terbesar yang lebih kecil sama dengan nilai parameter yang diberikan x = Math.floor(6.01); //hasilnya x = 6 x = Math.floor(3.99); //hasilnya x = 3 round() membulatkan bilangan di parameter ke integer yang terdekat, jika bilangan tersebut 0,5 maka akan dibulatkan keatas x = Math.round(6.01); //hasilnya x = 6 x = Math.round(3.80); //hasilnya x = 4 x = Math.round(3.50); //hasilnya x = 4 max(bil1,bil2) mengembalikan nilai terbesar diantara dua parameter yang dibandingkan var x = Math.max(6,7.25); //hasilnya x = 7.25 var x = Math.max(-8.21,-3.65); //hasilnya x = -3.65 min(bil1,bil2) mengembalikan nilai terkecil diantara dua parameter yang di bandingkan x = Math.min(6,7.25); //hasilnya x = 6 x = Math.min(-8.21,-3.65); //hasilnya x = -8.21 pow(bil1,bil2) mengembalikan nilai hasil parameter satu pangkat parameter dua x = Math.pow(3,3); //hasilnya x = 27 x = Math.pow(9,0.5); //hasilnya x = 3 Random() Mengembalikan nilai acak antara 0 sampai 1, nilai di generate berdasarkan sistem jam dari komputer x = Math.random(); //hasilnya x = sqrt(bil) Mengembalikan akar dari bilangan yang dilewatkan sebagai parameter x = Math.sqrt(9); //hasilnya x = 3