Category Archives: Javascript

Javascript-Associative Arrays

Bismillahirrohmanirrohim

Dalam hal pemrograman, tentu sebagian besar dari kita pernah bahkan seringkali menggunakan array untuk menyimpan data. Dalam javascript, untuk mendeklarasikan sebuah array sangatlah mudah. Perhatikan baris kode berikut:

var birds = new Array();
birds[] = "Merpati";
birds[] = "Nuri";
birds[] = "Garuda";

Selain dengan cara di atas, array dalam javascript dapat dideklarasikan dengan cara berikut:

var birds = new Array("Merpati", "Nuri", "Garuda");

Atau bisa juga dengan cara yang paling singkat:

var birds = ["Merpati", "Nuri", "Garuda"];

Ketiga cara di atas menghasilkan variable array yang sama. Lalu, bagaimana mengakses elemen dari array? Perhatikan baris kode berikut:

var birds = ["Merpati", "Nuri", "Garuda"];
alert("elemen 0:"+birds[0]);
alert("elemen 1:"+birds[1]);
alert("elemen 2:"+birds[2]);

Elemen array dapat diakses dengan menggunakan format: nama_array[index].
Dalam kebanyakan kasus pemrograman, pengaksesan array menggunakan index sudah mencukupi kebutuhan, tetapi pada beberapa kasus kita membutuhkan akses terhadap elemen array menggunakan string. Array yang demikian disebut juga asosiatif array.
Berikut langkah untuk mendeklarasikan asosiatif array:

var birds = new Array();
birds['biru'] = "Merpati";
birds['merah'] = "Nuri";
birds['hijau'] = "Garuda";

Untuk mengakses elemen dari asosiatif array digunakan string sebagai ganti index.

var birds = new Array();
birds['biru'] = "Merpati";
birds['merah'] = "Nuri";
birds['hijau'] = "Garuda";
alert(birds['biru']);
alert(birds['merah']);
alert(birds['hijau']);

JQuery-Memilih Elemen HTML berdasarkan lebih dari satu attribute

Bismillahirrohmaniraahim

Pada tutorial kali ini, saya akan membahas bagaimana menggunakan JQuery untuk memilih elemen HTML berdasarkan lebih dari satu attribut. Langkahnya sangatlah mudah. Baiklah, agar pemahaman mengenai pemilihan elemen pada JQuery ini menjadi utuh dan tidak terkesan lompat-lompat, saya akan memulai membahas bagaimana cara untuk memilih elemen berdasarkan satu attribute.

Misalkan, kita hendak memilih sebuah elemen input yang memiliki attribu name=option1, maka script yang bisa digunakan adalah sebagai berikut:

$('input[name=option1]')

Dengan menggunakan script yang sederhana tersebut, kita sudah dapat memilih elemen yang memiliki attribut name=option1. Sederhana dan mudah kan, pas dengan semboyan JQuery “Write less do more”.

Ok, kembali ke permasalahan awal, bagaimana caranya jika kita ingin memilih elemen, jika kriteria pemilihan kita ada beberapa attribute. Baiklah untuk mempermudah pemahaman, kita ambil sebuah contoh. Misal kita ingin memilih elemen yang memilih attribut name=option1 dan value=1.  Bagaimana caranya? Cobalah menduga dengan insting sobatNet sebagai seorang programmer . Jika saya harus menduga, maka saya akan menduga seperti ini:

$('input[name=option1, value=1]')

atau seperti ini:

$('input[name=option1;value=1]')

Tetapi, ternyata tak satupun dari kedua dugaan tersebut benar. Lantas bagaimana? Ok, ini dia the real solution:

$('input[name=option1][value=1]')

Bagaimana jika ingin memilih berdasarkan tiga attribute. Jawabnya trivial: Gunakan insting sobatNet. Saya tunggu jawabannya.