Function, Array & Object in JavaScript By : U. Abd. Rohim Web site : http://www.abdrohim.com Mailto : Function, Array, Object 1 Apa itu Function? Function adalah sub program yang mengerjakan suatu tugas tertentu Function pada JavaScript = Procedure Pemanggilan function dapat menjadi statement sendiri dan menjadi bagian dari statement Function dapat dikumpulkan dalam suatu file tertentu (.js) untuk di-includekan pada file pemangilnya Function, Array, Object 2 1
Pendefinisian Function Pendefinisian function terdiri atas kata kunci function yang diikuti dengan : nama function daftar argument function, yang berada dalam kurung dan dipisahkan dengan koma statement JavaScript yang mendefinisikan function, berada dalam kurung kurawal, {. Statement dalam function dapat berisi pemanggilan ke function lain. Function, Array, Object 3 Contoh Function (1) <HTML> <HEAD> <TITLE>Function</TITLE> FUNCTION Display(stMsg) { document.write(stmsg + <BR> ); </SCRIPT> </HEAD> <BODY> Dislpay( Hello World ); </SCRIPT> </BODY> </HTML> Function, Array, Object 4 2
Contoh Function (2) <HTML> <HEAD> <TITLE>Function</TITLE> FUNCTION Display() { alert( Selamat berkunjung ke web kami ); </SCRIPT> </HEAD> <BODY> Silahkan klik disini : <FORM> <INPUT TYPE= Button VALUE= OK onclick= Display()> </FORM> </BODY> </HTML> Function, Array, Object 5 Array Array himpunan nilai yang berurut berdasarkan nama variable array dan nomor indek Array pada JavaScript dapat berisi informasi tipe apapun Nilai data pada array dapat bermacammacam tipe data Function, Array, Object 6 3
Pembuatan Object Array arrayobjectname = new Array([arrayLength]) arrayobjectname = new Array([element0, element1,..., elementn]) Keterangan arrayobjectname berisi nama object array baru. arraylength berisi panjang array. Untuk mengaksesnya dapat menggunakan property length. ElementN berisi daftar nilai untuk elemen-elemen array. Function, Array, Object 7 Method Object Array join menggabungkan semua elemen dalam array menjadi satu string reverse membalik posisi elemen dalam array, yang terdepan jadi terbelakang & sebaliknya sort mengurutkan elemen array Contoh: myarray = new Array( Earth", Wind","Fire") myarray.join() mengembalikan Earth,Wind,Fire"; myarray.reverse membalik array sehingga myarray[0] "Fire", myarray[1] Wind", dan myarray[2] Earth". myarray.sort mengurutkan array sehingga myarray[0] Earth", myarray[1] Fire", dan myarray[2] "Wind" Function, Array, Object 8 4
Pengisian dan Pengacuan Elemen Array Pengisian Array emp[1] = Norah Jones" emp[2] = "Phil Collins" emp[3] = Avril Lavigne" myarray = new Array("Hello", myvar, 3.14159) Pengacuan Array myarray = new Array( Earth", Wind","Fire") Untuk mengacu elemen pertama dari array, dapat dilakukan dengan myarray[0] atau myarray[ Earth ] Function, Array, Object 9 Contoh Array <HTML> <HEAD><TITLE>Function</TITLE> </HEAD> a = new array(4); for (i=0;i<4;i++){ a[i] = new array(4); for (i=0;i<4;i++){ a[i][j] = [ +i+, +j+ ] ; for (i=0;i<4;i++){ str = Row ( +i+ ) ; for (i=0;i<4;i++){ str += a[i][j]; document.write (str, <BR> ); </SCRIPT> <BODY> </BODY> </HTML> Function, Array, Object 10 5
Object Math Object Math merupakan object yang built-in yang mempunyai property & method untuk konstanta dan fungsi matematika. Contoh properti PI mempunyai nilai pi (3.141 ) yang dapat digunakan sebagai Math.PI Method Math yang lain adalah fungsi matematika standard, seperti trigonometri, logaritmik, eksponensial. Contoh untuk menggunakan fungsi sinus, dituliskan sebagai Math.sin(1.56) Argumen method trigonometri berada dalam radian Function, Array, Object 11 Property Kelas-Objek Math Property Keterangan Pendekatan Nilai E konstanta euler 2.718 LN2 ln (2) 0.693 LN10 ln (10) 2.302 LOG2E ln (e) 1.442 LOG10E log (e) 0.434 PI phi 3.14159 SQRT1_2 akar kuadrat dari 0.5 0.707 SQRT2 akar kuadrat dari 2 1.414 Function, Array, Object 12 6
Method Object Math Abs Sin, cos, tan Acos, asin, atan Exp, log Ceil Floor Min, max Fow Round sqrt Function, Array, Object 13 Contoh Penggunaan Object Math <HTML> <HEAD> <TITLE>Math</TITLE> </HEAD> document.write ( <P> +Math.abs+ <P> ); document.write ( <P> +Math.max(100,500)+ <P> ); </SCRIPT> <BODY> </BODY> </HTML> Function, Array, Object 14 7
Object Date JavaScript tidak mempunyai tipe data date. Tetapi object dan method date dapat digunakan untuk mengeset, mengambil, dan memanipulasi tanggal dan waktu Object date tidak mempunyai property JavaScript menyimpan date sebagai angka dalam milidetik sejak 1 Januari 1970, pukul 00:00:00 sehingga tanggal sebelum itu tidak dapat diakses Function, Array, Object 15 Pembuatan Object Date dateobjectname = new Date([parameters]) dateobjectname adalah nama object Date Parameter dapat berupa: Kosong: membuat tanggal dan waktu sekarang Contoh: today = new Date() String yang melambangkan tanggal dalam format berikut: Bulan tanggal, tahun jam:menit:detik Contoh: Lebaran = new Date( November 25, 2003 06:30:00 ) Himpunan nilai integer untuk tahun, bulan, tanggal, jam, menit, detik Contoh: Lebaran = new Date(03,10,25,6,30,0) Jika jam, menit, atau detik dihilangkan, maka nilainya nol Function, Array, Object 16 8
Method Object Date Method Keterangan Selector getdate() tanggal getday() hari gethours() jam getminutes() menit getmonth() bulan getseconds() detik gettime milidetiksejak1 januari1999, 00:00:00 gettimezoneoffset() offset antara waktu lokal dan GMT getyear() tahun Konstruktor setdate(dayval) 1-31 sethours(hoursval) 0-23 setminutes(minutesval) 0-59 setmonth(monthval) 0-11 setseconds(secondval) 0-59 settime(timeval) >=0 setyear(yearval) >=1970 Function, Array, Object 17 Konversi Method Object Date togmtstring() mengembalikan string date pada GMT, fromat string bergantung pada platform H/W tolocalestring() parse(datestring) konversi string ke milidetik relatif 1 Jan 1970 UTC(year,month, day [,hrs][,min][,sec]) mengembalikan nilai milidetik UTC Function, Array, Object 18 9
Contoh Penggunaan Object Date <HTML> <HEAD><TITLE>Object Date</TITLE></HEAD> function JSClock() { var time = new date(); var hour = time.gethours(); var minute = time.getminutes(); var second = time.getseconds(); var temp = + ((hour>12)? hour 12 : hour); temp += ((minute < 10)? :0 : : ) + minute; temp += ((minute < 10)? :0 : : ) + second; temp += ((hour >= 12)? P.M. : A.M. ); document.write.clockform.digits.value = temp; id settimeout( JSClock(),1000); </SCRIPT> </HEAD> <BODY OnLoad= JSClock()> <FORM NAME= clockform > The Current Time Is : <INPUT TYPE= TEXT NAME= digits SIZE= 12 VALUE= > <?FORM> </BODY> </HTML> Function, Array, Object 19 10