JavaScript (Advance)

String

    String adalah objek yang merupakan kumpulan dari elemen karakter-karakter. Dalam Javascript, string atau karakter harus diapit oleh tanda petik ganda (") atau petik tunggal ('). Untuk menggunakan string dalam Javascript tidak diperlukan pendefinisian tertentu.

    Objek string memiliki property dan method yang dapat digunakan untuk memanipulasi string tersebut. Property string yang paling sering digunakan adalah length. Property length digunakan untuk mengetahui banyaknya elemen karakter.

    Contoh :

                          Nama = "Andy";          

                          Panjang = Nama.length;  

                          //Panjang akan berisi 4 

Array

    Array merupakan objek yang dapat dikenakan pada variable. Sehingga variabel yang bertipekan array ini akan dapat diisi oleh banyak nilai (elemen). Nilai elemen dalam sebuah array boleh berbeda tipe, seperti kombinasi antara number dan string.

    Setiap elemen nilai dapat diakses dengan menunjuk index dari elemen tersebut. Index elemen dalam array Javascript dimulai dengan 0 dan index paling akhir adalah panjang array -1.

    Untuk mendefinisikan variabel array dapat dilakukan dengan dua cara, yaitu :

• Elemen array telah diketahui pati nilainya sejak awal. Contoh :

             Hari = new Array("Senin","Selasa","Rabu","Kamis");  

• Elemen array belum diketahui

                             Data = new Array(); 

           

          Untuk mengisi nilai element dilakukan cara :

                             Data[0] = nilai1;  

                             Data[1] = nilai2;  

                             Data[n] = nilai-n; 

Property  dapat digunakan oleh objek array ini adalah length. Property length digunakan untuk mengetahui banyaknya elemen nilai variabel array.

    Contoh :

 

             Hari = new Array(""Senin","Selasa","Rabu","Kamis"); 

             Panjang = Hari.length;//Panjang akan berisi 5       

Adapun method yang dapat digunakan adalah :

• Hari.join('-') : menggabungkan nilai elemen array menjadi sebuah string dengan tanda -.
• Nama.sort() : mengurutkan nilai elemen array secara ascending (terendah - tertinggi).
• Nama.reverse() : membalikkan urutan nilai elemen array. Elemen yang berada diawal akan pindah ke elemen yang paling akhir demikian pula sebaliknya.

Method Objek Window

    Method yang sering digunakan dalam objek window adalah :

• window.alert(pesan) : memunculkan message box atau pesan peringatan.
• window.confirm(pesan) : memunculkan sebuah pesan konfirmasi. Method ini memiliki dua nilai kembalian yaitu true untuk OK dan false untuk Cancel.
• window.promt(pesan,nilaidefault) : memunculkan sebuah pesan yang menantikan sebuah input.
• window.close() : menutup jendela aktif.

Date

    Object date dalam Javascript dapat digunakan untuk mengetahui informasi date dan time pada sisi client. Untuk menggunakan object Date dilakukan langkah berikut :

   var namaobject = new Date(parameter);                                 

   var namaobject = new Date(year, month, day);                          

   var namaobject = new Date(year, month, day, hours, minutes, seconds); 

   var namaobject = new Date("month day, year hours:minutes:seconds");   

    Date Object Methods :

• getYear()          : mengambil angka tahun
• getMonth()       : mengambil angka bulan (January = 0)
• getDate()          : mengambil angka tanggal
• getDay()           : mengambil angka hari dalam minggu (Sunday = 0)
• getHours()       : mengambil angka jam (24 jam/hari)
• getMinutes()    : mengambil angka menit dalam jam
• getSeconds()  : mengambil angka detik dalam menit
• setYear()           : men-setting angka tahun
• setMonth()       : men-setting angka bulan (January = 0)
• setDate()          : men-setting angka tanggal
• setDay()           : men-setting angka hari dalam minggu (Sunday = 0)
• setHours()       : men-setting angka jam (24 jam/hari)
• setMinutes()    : men-setting angka menit dalam jam
• setSeconds()  : men-setting angka detik dalam menit

Function

    Penggunaan function memungkinkan penulisan suatu kode program secara modular atau yang sering kali disebut sebagai modular programming. Penulisan function pada JavaScript umumnya diletakkan pada bagian <head> dalam dokumen HTML.

    Bentuk umum dalam penulisan function adalah:

         function nama_function(parameter_input)                    

         {                                                          

           //statement-statement yang akan dieksekusi oleh function 

           return(); //pengembalian hasil ekpresi                   
         }                                                          

    Untuk memanggil function dalam Javascript dapat dilakukan dengan cara sebagai berikut :

                 nama_variable = nama_function(parameter); 

                                                                      atau

          javascript:nama_function(parameter); //diluar javascript 

Event

    Event adalah kejadian yang terjadi pada suatu halaman web. Kejadian ini bisa bermacam-macam, ada kejadian penekanan tombol, kejadian pengubahan nilai pada textbox, dan bermacam-macam kejadian lainnya. Kejadian-kejadian tersebut bisa diarahkan untuk memicu pemanggilan suatu function tertentu. Konsep pemrograman di mana suatu function dipanggil berdasarkan suatu event tertentu dikenal dengan istilah event handling programming. Event tersebut dipasangkan ke dalam tag yang kejadiannya akan diolah atau diatur. Event akan menjadi atribut untuk tag tersebut. Berikut beberapa macam event dalam Javascript :

• Event onClick : merupakan kejadian penekanan tombol mouse (click) pada komponen form. Kejadian ini bisa berupa penekanan tombol, pemilihan checkbox maupun radio button, dan pemilihan suatu link, serta penekanan tombol submit ataupun reset. Pengaturan terhadap event ini dilakukan dengan menuliskan atribut onClick pada tag HTML yang bersangkutan. Atribut ini dapat diberi nilai berupa nama function yang akan dipicu oleh event tersebut.

• Event onLoad dan onUnLoad : event onLoad berkaitan dengan kejadian pembukaan suatu file dokumen HTML ke dalam web browser sedangkan event onUnLoad berkaitan dengan kejadian penutupan suatu file dokumen HTML oleh suatu web browser. Kejadian penutupan file dokumen HTML yang dimaksud di sini bukan hanya penutupan web browser tetapi lebih mengarah ke pergantian pembukaan file dokumen HTML. Contoh paling nyata dari kejadian ini adalah ketika terjadi pemilihan link di mana web browser akan menutup file dokumen HTML yang saat ini sedang dibuka dan kemudian membuka file dokumen HTML yang lain sesuai dengan yang disebutkan pada atribut HREF pada link yang bersangkutan. Baik event onLoad maupun event onUnLaod keduanya hanya dapat disertakan sebagai atribut pada tag <body>.

• Event onFocus dan onBlur : event onFocus berkaitan dengan kejadian mengarahkan fokus kursor ke suatu komponen form tertentu. Contoh nyata dari kejadian ini adalah ketika melakukan pemindahan kursor ke dalam suatu textbox baik itu dilakukan dengan menggunakan bantuan mouse ataupun menggunakan tombol tabulasi pada keyboard.
  Sedikit berbeda dengan event onFocus, event onBlur berkaitan dengan kejadian ketika kursor beralih meninggalkan suatu komponen form tertentu. Baik event onFocus maupun event onBlur keduanya bisa diimplementasikan pada komponen textbox dan text area.

• Event onChange : event onChange merupakan suatu kejadian pengubahan nilai pada suatu komponen. Contoh nyata dari event ini adalah pada kejadian pengisian atau pengubahan nilai pada textbox, text area, combo box, dan listbox.

• Event onSelect : event onSelect berkaitan dengan kejadian pemilihan teks pada suatu komponen form seperti pemilihan teks yang berada pada suatu textbox. Event ini bisa diterapkan pada textbox, textarea, combo box, dan list box.

• Event onMouseOver dan onMouseOut : event onMouseOver dan onMouseOut berkaitan dengan kejadian pergerakan kursor mouse pada suatu link. Event onMouseOver terjadi ketika kursor mouse berada di atas suatu link sedangakan event onMouseOut terjadi ketika kursor mouse bergerak meninggalkan suatu link.