javascript-2 javascript objcts - universitas...

21
JavaScript-2 JavaScript Objcts

Upload: others

Post on 04-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

JavaScript-2

JavaScript Objcts

JavaScript Builtin Objects

• Math

• Array

• Date

• String

2

• Math

• Array

• Date

• String

Math

• Properties– Math.E; // returns Euler's number

Math.PI // returns PIMath.SQRT2 // returns the square root of 2Math.SQRT1_2 // returns the square root of 1/2Math.LN2 // returns the natural logarithm of 2Math.LN10 // returns the natural logarithm of 10Math.LOG2E // returns base 2 logarithm of EMath.LOG10E // returns base 10 logarithm of E

3

• Properties– Math.E; // returns Euler's number

Math.PI // returns PIMath.SQRT2 // returns the square root of 2Math.SQRT1_2 // returns the square root of 1/2Math.LN2 // returns the natural logarithm of 2Math.LN10 // returns the natural logarithm of 10Math.LOG2E // returns base 2 logarithm of EMath.LOG10E // returns base 10 logarithm of E

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()) //returns a randominteger values 1 to 6

6

• 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()) //returns a randominteger values 1 to 6

Array

• Array adalah sekelompok lokasimemory

– Semua memiliki nama yang sama dan isinya umumnya memiliki tipe yangsama jugaEach individual location is called an element

• Elemen dari suatu Array dispesifikasikandengan nama array yang diikuti denganindek elemen dalam square brackets([])

7

• Array adalah sekelompok lokasimemory

– Semua memiliki nama yang sama dan isinya umumnya memiliki tipe yangsama jugaEach individual location is called an element

• Elemen dari suatu Array dispesifikasikandengan nama array yang diikuti denganindek elemen dalam square brackets([])

Arrays (Cont.)

• Elemen pertama dari suatu array adalahelemen ke NOL.

• Elemen ke i dari array c dituliskan denganc[i-1].

• Nama Array mengikuti kaidah nama variabel

• Setiap Array mengetahui jumlah elemen dalamarray yang disimpan dalam atribut yangbernama length.

• Array dalam JavaScript bersifat dinamik.Ukuran akan membesar otomatis jika elemenbaru didefinisikan

8

• Elemen pertama dari suatu array adalahelemen ke NOL.

• Elemen ke i dari array c dituliskan denganc[i-1].

• Nama Array mengikuti kaidah nama variabel

• Setiap Array mengetahui jumlah elemen dalamarray yang disimpan dalam atribut yangbernama length.

• Array dalam JavaScript bersifat dinamik.Ukuran akan membesar otomatis jika elemenbaru didefinisikan

Array dengan 12 elements.

9

Deklarasi dan Alokasi Array

• Dalam JavaScript array adalahobjects.

• Instance dari suatu object dibuatdengan menggunakan operatornew.

• Operator new dikenal sebagaioperator alokasi memory secaradinamik. 10

• Dalam JavaScript array adalahobjects.

• Instance dari suatu object dibuatdengan menggunakan operatornew.

• Operator new dikenal sebagaioperator alokasi memory secaradinamik.

Deklarasi dan InisialisasiArray• Array dapat dibuat dengan

inisialisasi nilai berupa comma-separated values dalam squarebrackets ([])

– Ukuran array akan ditentukan oleh jumlah initializer.

11

• Array dapat dibuat denganinisialisasi nilai berupa comma-separated values dalam squarebrackets ([])

– Ukuran array akan ditentukan oleh jumlah initializer.

var a1 = [2,4,6,8,10] ; //array dengan 5 elemenvar a2 = [1,3,,,,20] ; //array dengan 6 elemen

Contoh

• Kita memiliki empat buah foto dengan nama ‘foto1.jpg’,‘foto2.jpg’, ‘foto3.jpg’ dan ‘foto4.jpg’

• Saat halaman web kita dikunjungi, kita akan menampilkansecara 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

• Kita memiliki empat buah foto dengan nama ‘foto1.jpg’,‘foto2.jpg’, ‘foto3.jpg’ dan ‘foto4.jpg’

• Saat halaman web kita dikunjungi, kita akan menampilkansecara 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>

Contoh

• Menghitungfrekuensikemunculanangka dadu 1 sd6 pada 1000 kalilemparan dadu

• Tampilkan dalambentuk 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

• Menghitungfrekuensikemunculanangka dadu 1 sd6 pada 1000 kalilemparan dadu

• Tampilkan dalambentuk 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>

Contoh• Output

14

• Output

Mengurutkan Array

• Array object di JavaScript memiliki method sort.Method sort bekerja berdasarkan pengurutanperbandingan string.

• Misalkan kita ingin menghasilkan 10 buah angka bernilai1 sd 1000 secara terurut:

15

• Array object di JavaScript memiliki method sort.Method sort bekerja berdasarkan pengurutanperbandingan string.

• Misalkan kita ingin menghasilkan 10 buah angka bernilai1 sd 1000 secara terurut:

Mengurutkan Array

<script>var ar = new Array(10) ;for (var i=0; i <= 10; i++)

ar[i] = Math.floor(Math.random()*1000) ;ar.sort() ;

for (var i=0; i <= 10; i++)document.write(ar[i]+"<br />") ;

</script>

Contoh Hasil:22022443963640800838905918932959

16

<script>var ar = new Array(10) ;for (var i=0; i <= 10; i++)

ar[i] = Math.floor(Math.random()*1000) ;ar.sort() ;

for (var i=0; i <= 10; i++)document.write(ar[i]+"<br />") ;

</script>

Contoh Hasil:22022443963640800838905918932959

Mengurutkan Array

<script>var ar = new Array(10) ;for (var i=0; i <= 10; i++)

ar[i] = Math.floor(Math.random()*1000) ;ar.sort(perbandinganInteger) ;

for (var i=0; i <= 10; i++)document.write(ar[i]+"<br />") ;

function perbandinganInteger(nilai1, nilai2) {return parseInt(nilai1)-parseInt(nilai2) ;

}

</script>

Contoh Hasil:628896107250314417444699720940

Membuat function sebagai parameter untuk pengurutanberdasarkan perbandingan numerik

17

<script>var ar = new Array(10) ;for (var i=0; i <= 10; i++)

ar[i] = Math.floor(Math.random()*1000) ;ar.sort(perbandinganInteger) ;

for (var i=0; i <= 10; i++)document.write(ar[i]+"<br />") ;

function perbandinganInteger(nilai1, nilai2) {return parseInt(nilai1)-parseInt(nilai2) ;

}

</script>

Contoh Hasil:628896107250314417444699720940

String

• Object String menyimpanrangkaian karakter

• Property length akan me-returnpanjang string

18

• Object String menyimpanrangkaian karakter

• Property length akan me-returnpanjang string

Methods pada Object StringMethod Description

charAt() Returns the character at the specified index.

charCodeAt() Returns a number indicating the Unicode value of the character atthe given index.

concat() Combines the text of two strings and returns a new string.

indexOf() Returns the index within the calling String object of the firstoccurrence of the specified value, or -1 if not found.

lastIndexOf() Returns the index within the calling String object of the lastoccurrence of the specified value, or -1 if not found.

localeCompare() Returns a number indicating whether a reference string comesbefore 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, andto replace the matched substring with a new substring.

Methods pada Object StringMethod Description

search() Executes the search for a match between a regularexpression and a specified string.

slice() Extracts a section of a string and returns a new string.

split() Splits a String object into an array of strings byseparating the string into substrings.

substr() Returns the characters in a string beginning at thespecified location through the specified number ofcharacters.

Returns the characters in a string beginning at thespecified location through the specified number ofcharacters.

substring() Returns the characters in a string between two indexesinto the string.

toLocaleLowerCase()

The characters within a string are converted to lowercase while respecting the current locale.

toLocaleUpperCase()

The characters within a string are converted to uppercase 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 formatnyadengan 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

<script>var email = prompt('Masukkan Email Anda','') ;var i = email.indexOf('@') ;if (i == -1) alert('Elamat Email Salah') ;else alert('Terima Kasih') ;

</script>