Monday, June 11, 2012

[] (Object and Array Accessor)

Operator [] (Object and Array Accessor) dapat digunakan untuk mengakses metode atau properti dari suatu objek, dan juga dapat digunakan untuk mengakses elemen di dalam suatu objek Array.

Operator [] adalah operator standard JavaScript 1.0+, JScript 1.0+, ECMAScript 1.0+ dan di dukung Google Chrome Beta+, Firefox 1.0 (Gecko 1.7)+, Internet Explorer 3+, Netscape Navigator 2.0+, Opera 3.0+, Safari 1.0+.

Di dalam contoh di bawah ini, properti innerHTML di akses menggunakan operator . (Dot), misalnya:

<SCRIPT TYPE="text/javascript"> function HandleClick() { document.body.innerHTML = "Halo!, anda telah mengkliknya!"; } </SCRIPT> <P ONCLICK="HandleClick()">Klik Alinea ini!</P>

Seperti halnya di atas, di bawah ini juga sama, tetapi kali ini menggunakan operator []:

<SCRIPT TYPE="text/javascript"> function HandleClick() { document['body']['innerHTML'] = "Halo!, anda telah mengkliknya!"; } </SCRIPT> <P ONCLICK="HandleClick()">Klik Alinea ini!</P>

Contoh dalam kasus objek:

var Person = {name:"Gunawan", age:32, tall:169}; alert(Person['name']); //Gunawan alert(Person['age']); //32 alert(Person['tall']); //169

Contoh dalam kasus array:

var myArr = new Array(); myArr[0] = "Gunawan"; myArr[1] = 32; myArr[2] = 169; alert(myArr[0]); //Gunawan alert(myArr[1]); //32 alert(myArr[2]); //169