Untuk mengakses satu obyek, kita harus mengakses terlebih dahulu obyek yang paling besar dalam hal ini obyek window . ambil sebagai contoh satu obyek yang bernama checkbox
dan satu textfield berikut ini
• Form untuk untuk contoh ini kita beri nama form1 tujuannya adalah utuk membedakan
dengan form form lainnya di dalam satu dokumen, dan dituliskan dalam kode berikut ini :
window. document . f orms[ f orm1]
• Tombol checkbox, dan kita beri nama checkbox1 dituliskan dalam bentuk berikut ini :
window. document . f orms[ f orm1] . checkbox1
• TextField disini kita beri nama tetxfield1 dan dituliskan dalam bentuk berikut ini :
window. document . f orms[ f orm1] . t ext f iel d1
Tombol checkbox mempunyai nilai kondisiproperti checked , yang akan memberikan nilai 1 jika tombol itu di pilih checked, dan nilai 0 pada kasus sebaliknya.
Sedangkan kode dari form form1 di dalam kode HTML adalah sebagai berikut :
f orm name=f orm1 brinput t ype=checkbox name=check_box onClick=Modif Fiel d; ret urn t rue;
brinput t ype=TEXT name=t ext _f ield val ue=t est j avascript size=24 f orm
dan fungsi JavaScript yang berhubungan dengan checkbox tersebut adalah ..
script l anguage=Javascript --
f unct ion Modif Fiel d {
if document . f orms[ f orm1] . check_box. checked {document . f orms[ f orm1] . t ext _f i el d. val ue=checkbox dipilih}
el se {document . f orms[ f orm1] . t ext _f iel d. val ue=checkbox t idak dipilih}
} --
script
2.3 Obyek standart JavaScript
Selain obyek navigator di subbab 2.2, kita juga mengenal obyek standart dari JavaScript. Obyek obyek ini distandarisasikan oleh asosiasi ECMA European Computer Manufacturer Association.
Berikut ini adalah daftar obyek standart JavaScript
N a m a Oby e k Ke t e r a n ga n
Ar r ay obyek ar r ay m em ungkinkan kit a unt uk
m em buat t abel. dia m em punyai ber bagai m et oda unt uk m enam bahkan, m enghapus,
at au j uga m engam bil elem en elem en dar i suat u t abel dan j uga m engur ut kan elem en
elem en t er sebut .
Boolean obyek boolean m em ungkinkan kit a unt uk
m em buat nilai boolean, dalam ar t ian elem en yang m em punyai dua kondisi :
benar at au salah
Dat e obyek dat a m em ungkinkan kit a unt uk
m em buat dan m em anipulasi t anggal dan j uga dur asi w akt u.
Funct ion obyek funct ion m em ungkinkan kit a unt uk
m em buat fungsi yang sesuai dengan kebut uhan per sonalized
Mat h obyek m at h m em ungkinkan kit a unt uk
m em anipulasi fungsi fungsi m at em at ika, seper t i cont ohnya fungsi t r igonom et r i
Num ber obyek num ber m em ungkink an kit a unt uk
m em buat oper asi oper asi dasar t er hadap bilangan
RegExp obyek r egexp m em ungk ink an k it a unt uk
m em buat sat u ekspr esi um um r egular expr ession . ekspr essi ini ber guna unt uk
m elak uk an oper asi oper asi y ang lebih canggih t er hadap var iabel j enis St r ing
St r ing obyek st r ing m enyediakan banyak j enis
m et oda y ang m em ungk ink an k it a unt uk m em anipulasi variabel j enis St r ing
2.3.1 obyek Array
obyek array adalah satu obyek yang memungkinkan kita untuk membuat dan memanipulasi tabel, berikut ini adalah sintaks untuk membuat tabel :
var x = new Arrayel emen1[ , el emen2, . . . ] ;
jika tidak ada elemen yang disebutkan dalam parameter, tabel itu akan menjadi tabel kosong pada saat pembuatannya, sebaliknya jika elemen diisi, maka isi tabel akan di inisialisasi oleh nilai dari
elemen tersebut. Sebagai tambahan obyek array mempunyai dua karakteristik properti yaitu properti input dan length.
Berikut ini adalah tabel daftar beberapa metoda standart dari obyek array
M e t oda Ke t e r a n ga n
con ca t t ab1,t ab2[ ,t ab3, …]
m em ungkinkan kit a unt uk m enam bahkan concat enat e banyak t abel, dalam ar t ian
m em buat sat u t abel dar i beber apa t abel yang ber beda yang dilew at kan sebagai
par am et er m et oda.
j oin t able at au Ta ble .j oin
m engir im k an sat u v ar iabel st ring yang ber isi sem ua elem en dar i t abel
pop t able at au Ta ble .pop
m enghapus elem en t er akhir dar i t abel.
Ta ble .pu sh nilai1[ ,nilai2,. …]
m enam bahk an sat u at au beber apa elem en k e t abel
Ta ble .r e ve r se m em balikkan inver se ur ut an elem en di
t abel
Ta ble .sh ift m enghapus elem en per t am a dar i t abel
Ta ble .slice m engir im k an sat u t abel y ang ber isi
sebagian elem en dar i t abel ut am a
Ta ble .splice m enam bahk an dan m engur angi elem en
elem en t abel
Ta ble .sor t m engur ut kan elem en elem en t abel
Ta ble .u n sh ift nilai1[ ,nilai2, …]
m engir im k an k em bali kode sum ber yang m em ungkinkan kit a unt uk m em buat obyek
ar r ay .
Ta ble .t oSt r in g m engir im k an k em bali v ar iabel st r ing yang
ber hubungan dengan inst r uksi pem buat an obyek ar r ay
Ta ble .u n sh ift m enam bahk an kem bali sat u at au beber apa
elem en pada bagian aw al dar i t abel
Ta ble .va lu e Of m engem balikan nilai dar i oby ek ar r ay
dim ana obyek ar r ay it u y ang j adi r efer ensi dar i t abel t er sebut .
2.3.2 obyek boolean
obyek boolean adalah obyek standart dari JavaScript yang memungkinkan kita untuk memanipulasi nilai nilai jenis boolean. Berikut ini adalah sintaks yang digunakan untuk membuat
obyek booelan :
var x = new Bool eanparamet er
parameter bisa berupa bisa berupa satu nilai True atau False atau bisa juga satu ekspresi, yang mana ekspressi akan di perhitungkan sebagai nilai boolean. Jika tidak ada nilai parameter yang
dilewatkan atau nilai 0 atau string kosong atau null atau undefined atau juga NaNNot a Number, nilai boolean akan diinisialisaikan ke False. Sebaliknya obyek boolean akan mempunyai nilai True
Berikut ini adalah tabel daftar beberapa metoda standart dari obyek boolean
M e t oda Ke t e r a n ga n
t oSou r ce Met oda ini m engir im k an kem bali k ode
sum ber y ang m em ungk ink an k it a unt uk m em buat obyek boolean
t oSt r in g Met oda ini m engir im k an kem bali st ring
yang ber hubungan dengan inst r uksi unt uk m em buat obyek boolean
va lu e Of Met oda ini m engem balik an nilai asal dar i
obyek boolean
2.3.3 obyek date
Obyek date memungkinkan kita untuk bekerja dengan semua variabel yang berhubungan dengan penanggalan dan juga manajemen waktu durasi waktu. Sintaks sintaks untuk membuat
obyek date adalah berikut ini : •
Nama_dari_obyek = new Dat e
sintaks ini memungkinkan kita untuk menyimpan tanggal dan jam saat ini. •
Nama_dari_obyek = new Dat e“ hari, bul an t anggal t ahun j am: menit : det ik”
parameter berbentuk string dengan batas batas pemisah sepeti format diatas. •
Nama_dari_obyek = new Dat et ahun, bul an, hari
parameter adalah 3 integer yang dipisahkan oleh tanda koma •
Nama_dari_obyek = new Dat et ahun, bul an, hari, j am, menit , det ik[ , perseribudet ik]
parameter adalah 6 integer yang dipisahkan oleh tanda koma JavaScript menyimpan tanggal dalam bentuk string yang berisi hari, bulan, tahun, jam, menit, dan
detik. Meskipun demikian sangat sulit bagi kita untuk bisa mengakses satu elemen waktu diatas dengan menggunakan obyek string sub bab 2.3.5, karena setiap elemen mempunyai ukuran yang
berbeda beda.. Sebaliknya obyek date memungkinkan kita untuk mengakses dan memodifikasi satu elemen tersebut.
Berikut ini adalah tabel beberapa metoda standart dari obyek date
M e t oda Ke t e r a n ga n
Je n is n ila i h a sil ge t D a t e
unt uk m em per oleh angka yang ber kor espondensi
dengan nom er har i dalam sat u bulan.
hasilnya adalah sat u int eger dengan nilai ant ar a 1 s d 31
yang ber kor espondensi dengan nom er har i dalam
sat u bulan
ge t D a y unt uk m em per oleh angka
yang ber kor espondensi dengan nom er har i dalam
sat u m inggunya hasil adalah int eger yang
ber hubungan dengan nom er har i dalam sem inggu
• 0 : m inggu • 1 : senin
• …
ge t Fu llYe a r unt uk m em per oleh angka
yang ber kor espondensi dengan t ahun dalam 4
bilangan penuh hasilnya adalah int eger
yang ber hubungan dengan t ahun yang dit anyakan
dengan for m at XXXX
ge t H ou r s unt uk m em per oleh angka
yang ber kor espondensi dengan sat uan j am
hasilnya adalah int eger dengan nilai ant ar a 0
sam pai 23 yang ber hubungan dengan oby ek
dat e
ge t M illise con ds unt uk m em per oleh angka
yang ber kor espondesi dengan sat uan per ser ibu
det ik obyek hasil adalah int eger
ant ar a 0 sam pai 999 yang ber kor espondensi dengan
per ser ibudet ik dar i obyek y ang dilew at k an di
par am et e
t e s unt uk m em per oleh angka
yang ber kor espondensi dengan sat uan m enit
obyek hasil adalah int eger ant ar a 0 sam pai 59 yang
ber kor espondensi dengan m enit dar i obyek yang
dilew at kan di par am et er
ge t M on t h unt uk m em per oleh angka
yang ber kor espondesi dengan nom er bulan dalam
set ahun hasil adalah int eger yang
ber hubungan dengan nom er bulan dalam set ahun
• 0 : j anuari • 1 : febr uar i
• …..
ge t Se con ds unt uk m em per oleh angka
yang ber kor espondensi dengan sat uan det ik
hasil adalah int eger ant ar a 0 sam pai 59 yang
ber kor espondensi dengan det ik dar i obyek yang
dilew at kan di par am et er
ge t Tim e unt uk m em per oleh j um lah
det ik sej al t anggal 1 j anuar i 1970
hasilnya adalah int eger , m et oda ini sangat ber guna
unt uk m elewat kan sat u t anggal ke t anggal yang
lain, at au j uga m enam bahk an dua t anggal,
et c
ge t Tim e Zon e Offse t unt uk m em per oleh
per bedaan w akt u, ant ar a w akt u lokal dan GMT
hasilnya adalah int eger yang ber kor espondensi
ber apa m enit per bedaan dengan GMT
ge t Ye a r unt uk m em per oleh nilai
t ahun dalam 2 bilangan dar i obyek dat e
hasilnya adalah int eger yang ber kor esondesni
dengan t ahun XX
t oGM TSt r in g unt uk m engkonver si sat u
t anggal m enj adi sat u st r ing dengan for m at GMT
hasilnya adalah st r ing dengan for m at Wed, 3 dec
2003: 15: 15: 20 GMT
t oLoca lSt r in g unt uk m engkonver si sat u
t anggal m enj adi sat u st r ing dengan for m at local
hasilnya adalah st r ing dengan for m at t er gant ung
dar i sist em local sebagai cont oh :
3 12 03 15: 15: 20
se t D a t e X unt uk m em ber ik an angka
yang ber kor espondesi dengan nom er har i dalam
sat u bulan par am et er adalah int eger
ant ar a 1 dan 31 yang ber kor espondensi dengan
nom er har i dalam sat u bulan
se t D a y X unt uk m em ber ik an angka
yang ber kor espondensi dengan nom er har i dalam
sat u m inggu par am et er adalah int eger
yang ber kor espondensi dengan nom er har i dalam
sem inggu: • 0 : m inggu
• 1 : senin • …
se t H ou r s X unt uk m em ber ikan nilai j am
par am et er adalah int eger ant ar a 0 sam pai 23 yang
ber kor espondensi dengan angka j am
se t M on t h X unt uk m em ber ik an angka
yang ber kor espondesi dengan nom er bulan
par am et er adalah int eger ant ar a 0 sam pai 11 yang
ber kor espondensi dengan nom er bulan
• 0 : j anuari • 1 : febr uar i
• ….
se t Tim e X unt uk m enent ukan t anggal
par am et er adalah int eger yang ber kor espondesi
dengan j um lah det ik sej ak t anggal 1 j anuar i 1970
2.3.4 Obyek math
O
byek math adalah suatu obyek yang mempunyai banyak metoda dan properti untuk memanipulasi bilangan bilangan dan juga fungsi fungsi matematika. Apapaun metoda atau properti
yang digunakan kita harus memulainya dengan kata Math, contohnya adalah sebagai berikut :
Mat h. cos1;
Berikut ini adalah tabel beberapa metoda standart dari obyek math :
M e t oda Ke t e r a n ga n
Con t oh a bs m engem balikan
nilai absolut dar i sat u bilangan,
k alau bilangan posit if dia akan m engir im kan kem bali
bilangan it u, sebalik ny a kalau bilangan negat if, dia
akan m engir im kan bent uk posit ifny a
x = Mat h.abs 3.17 ; hasilnya x = 3.17
x = Mat h.abs - 3.17 ; hasilnya x = 3.17
ce il m engem balikan nilai
int eger t er kecil yang lebih besar sam a dengan nilai
par am et er yang diber ikan x = Mat h.ceil 6.01 ;
hasilny a x = 7 x = Mat h.ceil 3.99 ;
hasilny a x = 4
floor m engem balikan nilai
int eger t er besar yang lebih k ecil sam a dengan nilai
par am et er yang diber ikan x = Mat h.floor 6.01 ;
hasilny a x = 6 x = Mat h.floor 3.99 ;
hasilny a x = 3
r ou n d m em bulat kan bilangan di
par am et er ke int eger yang t er dekat , j ika bilangan
t er sebut 0,5 m aka akan dibulat kan keat as
x = Mat h.r ound 6.01 ; hasilny a x = 6
x = Mat h.r ound 3.80 ; hasilny a x = 4
x = Mat h.r ound 3.50 ; hasilny a x = 4
m a x bil1,bil2 m engem balikan nilai
t er besar diant ar a dua par am et er yang
dibandingkan v ar x = Mat h.m ax 6,7.25 ;
hasilnya x = 7.25 v ar x =
Mat h.m ax - 8.21,- 3.65 ; hasilnya x = - 3.65
m in bil1,bil2 m engem balikan nilai
t er kecil diant ar a dua par am et er yang di
bandingkan x = Mat h.m in 6,7.25 ;
hasilny a x = 6 x = Mat h.m in - 8.21,- 3.65 ;
hasilnya x = - 8.21
pow bil1,bil2 m engem balikan nilai hasil
par am et er sat u pangkat par am et er dua
x = Mat h.pow 3,3 ; hasilny a x = 27
x = Mat h.pow 9,0.5 ; hasilny a x = 3
r a n dom Mengem balikan nilai acak
ant ar a 0 sam pai 1, nilai di gener at e ber dasar kan
sist em j am dar i kom put er x = Mat h.r andom ;
hasilny a x = 0.6489534931546957
sqr t bil Mengem balikan akar dar i
bilangan y ang dilew at k an sebagai par am et er
x = Mat h.sqr t 9 ; hasilny a x = 3
2.3.5 obyek string Obyek string adalah satu obyek yang berisi beberapa metoda dan properti untuk
memanipulasi data jenis string. Obyek string sendiri hanya mempunyai satu properti yaitu properti length untuk memperoleh panjang dari variabel data string. Sintaks dari properti ini adalah sebagai
berikut :
x = nama_variabel_st ring. lengt h; x = sembarang t eks. l engt h;
metoda dari obyek string memungkinkan kita untuk memperoleh satu potonganbagian dari data string dan juga memodifikasinya. Berikut ini adalah tabel beberapa metoda standard dari obyek
string :
M e t oda Ke t e r a n ga n
st r in g.big m enaikkan uk ur an hur uf sat u point
st r in g.sm a ll m enur unkan ukur an hur uf sat u point
st r in g.blin k m ent r ansfor m asi t eks m enj adi t eks
ber kedip kedip
st r in g.bold m em t r ansfor m asi hur uf di t eks t eks
m enj adi hur uf t ebal t ag b
st r in g.ch a r At posisi m engem balikan k ar ak t er di posisi k e
par am et er posisi
st r in g.ch a r Code At posisi m engem balikan kode
Unicode di posisi ke par am et er posisi
con ca t t eks1,t eks2,… m enyam bungkan t eks t eks yang
dim asukkan sebagai par am et er dar i uj ung ke uj ung
st r in g.fon t color w ar na m em odifikasi w ar na dar i t eks par am et er
w ar na, bisa ber upa t eks at aupun bilangan heksadesim al
st r in g.fon t siz e ukur an m em odifikasi ukur an dar i t eks par am et er
ukur an dalam bent uk int eger
st r in g.in de x Of subst ring, posisi m engem balikan posisi dar i subst r ing hur uf
at au kum pulan dar i hur uf hur uf dar i sat u st r ing , dengan pencar ian dar i ar ah kiri ke
kanan, dim ulai dari lokasi param et er posisi.
st r in g.la st I n de x Of subst ring, posisi fungsinya sam a dengan m et oda indexOf
akan t et api pencar ian dar i ar ah kanan ke k iri
st r in g.it a lics m ent r ansfor m asi hur uf di t eks m enj adi
hur uf m iring t ag i
st r in g.lin k URL m ent r ansfor m asik an t eks m enj adi
hiper t eks t ag a hr ef
st r in g.st r ik e m ent r ansfor m asi hur uf di t eks m enj adi
hur uf dicor et t eks t ag st r ik e
st r in g.su b m ent r asfor m asikan hur uf di t eks m enj adi
hur uf
t eks
t ag sub
st r in g.su p m ent r asfor m asikan hur uf di t eks m enj adi
hur uf
t eks
t ag sup
st r in g.su bst r posisi, panj ang m engem balikan subst r ing beber apa hur uf
at au kat a yang dim ulai dar i par am et er posisi ke ber apa dan sepanj ang par am et er
panj ang unit
st r in g.su bst r in g posisi1, posisi2 m engem balikan subst r ing beber apa hur uf
at au kat a yang t er let ak diant ar a param et er posisi1 dan par am et er posisi2
st r in g.t oLow e r Ca se m ent r ansfor m asi sem ua hur uf dalam t eks
m enj adi hur uf kecil
st r in g.t oUppe r Ca se m ent r ansfor m asi sem ua hur uf dalam t eks
m enj adi hur uf besar
Berikut ini adalah bebrapa contoh penggunaan metoda obyek string :
var t est = il mu komput er ; •
var hasil = charAt t est , 6; hasil nya k •
var hasil = il mu komput er. charAt 7; hasil nya o •
var hasil = charAt t est , -1; hasil nya •
var hasil = t est . subst ring1, 5; hasilnya l mu k •
var hasil = t est . t oUpperCase; hasilnya ILMU KOMPUTER
3. Variable