PDF JavaScript-2 JavaScript Objcts - Universitas Indonesia

JavaScript-2 JavaScript Objcts.

JavaScript Builtin Objects • Math • Array • Date • String. 2.

Math • Properties – Math.E; // returns Euler's number Math.PI // returns PI Math.SQRT2 // returns the square root of 2 Math.SQRT1_2 // returns the square root of 1/2 Math.LN2 // returns the natural logarithm of 2 Math.LN10 // returns the natural logarithm of 10 Math.LOG2E // returns base 2 logarithm of E Math.LOG10E // returns base 10 logarithm of E. 3.

Math • Methods. 4.

Math • Methods. 5.

Math • Contoh – Math.floor(4.123);. //returns 4. – Math.round(4.7);. //returns 5. – Math.random();. //returns a random number. – Math.floor(1+6*Math.random()) integer values 1 to 6. //returns a random. 6.

Array • Array adalah sekelompok lokasi memory –. Semua memiliki nama yang sama dan isinya umumnya memiliki tipe yang sama jugaEach individual location is called an element. • Elemen dari suatu Array dispesifikasikan dengan nama array yang diikuti dengan indek elemen dalam square brackets ([]) 7.

Arrays (Cont.) • Elemen pertama dari suatu array adalah elemen ke NOL. • Elemen ke i dari array c dituliskan dengan c[i-1]. • Nama Array mengikuti kaidah nama variabel • Setiap Array mengetahui jumlah elemen dalam array yang disimpan dalam atribut yang bernama length. • Array dalam JavaScript bersifat dinamik. Ukuran akan membesar otomatis jika elemen baru didefinisikan 8.

Array dengan 12 elements.. 9.

Deklarasi dan Alokasi Array • Dalam JavaScript array adalah objects. • Instance dari suatu object dibuat dengan menggunakan operator new. • Operator new dikenal sebagai operator alokasi memory secara dinamik. 10.

Deklarasi dan Inisialisasi Array • Array dapat dibuat dengan inisialisasi nilai berupa commaseparated values dalam square brackets ([]) –. Ukuran array akan ditentukan oleh jumlah initializer.. var a1 = [2,4,6,8,10] ; var a2 = [1,3,,,,20] ;. //array dengan 5 elemen //array dengan 6 elemen. 11.

Contoh •. Kita memiliki empat buah foto dengan nama ‘foto1.jpg’, ‘foto2.jpg’, ‘foto3.jpg’ dan ‘foto4.jpg’. •. Saat halaman web kita dikunjungi, kita akan menampilkan secara acak salah satu dari empat foto tersebut.. <script> var array_foto=[‘foto1.jpg’, ‘foto2.jpg’, ‘foto3.jpg’, ‘foto4.jpg’] ; var indek = Math.floor(Math.random()*4) ;. //returns 0 sd 3. document.write(“<img src=‘”+array_foto[indek]+”’ />”); </script> 12.

Contoh •. Menghitung frekuensi kemunculan angka dadu 1 sd 6 pada 1000 kali lemparan dadu. •. Tampilkan dalam bentuk tabel. <script> var angka ; var frek_dadu= new Array(6) ; for (var i=1; i <= 6; i++) { frek_dadu[i] = 0 ; } for (i=0; i < 1000; i++) { angka = Math.floor(1+Math.random()*6) ; frek_dadu[angka]++ ; } document.write("<table border='1'>") ; for (var i=1; i <= 6; i++) { document.write("<tr><td>") ; document.write(i) ; document.write("</td><td>") ; document.write(frek_dadu[i]) ; document.write("</td></tr>") ; } document.write("</table>") ; </script> 13.

Contoh •. Output. 14.

Mengurutkan Array • Array object di JavaScript memiliki method sort. Method sort bekerja berdasarkan pengurutan perbandingan string. • Misalkan kita ingin menghasilkan 10 buah angka bernilai 1 sd 1000 secara terurut:. 15.

Mengurutkan Array <script> var ar = new Array(10) ; for (var i=0; i <= 10; i++) ar[i] = Math.floor(Math.random()*1000) ; ar.sort() ;. Contoh Hasil: 220 224 439 63 640 800 838 905 918 932 959. for (var i=0; i <= 10; i++) document.write(ar[i]+"<br />") ; </script>. 16.

Mengurutkan Array Membuat function sebagai parameter untuk pengurutan berdasarkan perbandingan numerik <script> var ar = new Array(10) ; for (var i=0; i <= 10; i++) ar[i] = Math.floor(Math.random()*1000) ; ar.sort(perbandinganInteger) ;. Contoh Hasil: 62 88 96 107 250 314 417 444 699 720 940. for (var i=0; i <= 10; i++) document.write(ar[i]+"<br />") ; function perbandinganInteger(nilai1, nilai2) { return parseInt(nilai1)-parseInt(nilai2) ; } </script>. 17.

String • Object String menyimpan rangkaian karakter • Property length akan me-return panjang string. 18.

Methods pada Object String Method. Description. charAt(). Returns the character at the specified index.. charCodeAt(). Returns a number indicating the Unicode value of the character at the given index. Combines the text of two strings and returns a new string.. concat() indexOf(). Returns the index within the calling String object of the first occurrence of the specified value, or -1 if not found.. lastIndexOf(). Returns the index within the calling String object of the last occurrence of the specified value, or -1 if not found.. localeCompare() Returns a number indicating whether a reference string comes before or after or is the same as the given string in sort order. match(). Used to match a regular expression against a string.. replace(). Used to find a match between a regular expression and a string, and to replace the matched substring with a new substring..

Methods pada Object String Method. Description. search(). Executes the search for a match between a regular expression and a specified string. Extracts a section of a string and returns a new string.. slice() split(). Splits a String object into an array of strings by separating the string into substrings. substr() Returns the characters in a string beginning at the specified location through the specified number of characters. substring() Returns the characters in a string between two indexes into the string. toLocaleLowerCase The characters within a string are converted to lower () case while respecting the current locale. toLocaleUpperCase The characters within a string are converted to upper () case while respecting the current locale. toLowerCase(). Returns the calling string value converted to lower case.. toString(). Returns a string representing the specified object.. toUpperCase(). Returns the calling string value converted to uppercase.. valueOf(). Returns the primitive value of the specified object..

Contoh Meminta input alamat email kemudian memverifikasi formatnya dengan memeriksa apakah ada tanda ‘@’.. <script> var email = prompt('Masukkan Email Anda','') ; var i = email.indexOf('@') ; if (i == -1) alert('Elamat Email Salah') ; else alert('Terima Kasih') ; </script>. 21.