YOUR POST TITLE HERE

SOME DESCRIPTION OF YOUR POST HERE

YOUR POST TITLE HERE

SOME DESCRIPTION OF YOUR POST HERE

YOUR POST TITLE HERE

SOME DESCRIPTION OF YOUR POST HERE

YOUR POST TITLE HERE

SOME DESCRIPTION OF YOUR POST HERE

YOUR POST TITLE HERE

SOME DESCRIPTION OF YOUR POST HERE


Array Satu Dimensi dan Multi Dimensi

Array adalah tipe data yang digunakan untuk menyimpan berbagai nilai dalam satu nama, dibedakan melalui nilai indexnya. Array sangat populer di berbagai bahasa programming karena penggunaannya dapat menyederhanakan penggunaan variable pada coding kita. 
Array pada JavaScript tentunya memiliki implikasi yang sama, namun penggunaannya tetap perlu memahami konsep dan pengggunaan yang tepat. Array diperlakukan sebagai object ketika digunakan di dalam JavaScript.
Melalui kesempatan pada artikel ini, kita akan coba melihat penjelasan dan berbagai contoh penggunaan dasar array.

Membuat / Mendeklarasikan Object Array

Sebuah object array dideklarasikan di JavaScript dengan beberapa cara berikut :
  1. Dengan penggunaan keyword new Array(), dengan contoh sebagai berikut :

    var objArr = new Array();
  2. Dengan penggunaan keyword new Array(jumlahindex), dengan contoh sebagai berikut :

    var objArr = new Array(3);
  3. Dengan penggunaan keyword new Array(item1, item2, ...), dimana antara satu item dengan item lainnya tidak harus memiliki tipe data yang sama.

    Contoh deklarasinya adalah sebagai berikut :

    var objArr = new Array("Sumatera", "Jawa", 100); 
  4. Dengan penggunaan literal [item1, item2, item3, ...] dimana antara satu item dengan item lainnya tidak harus memiliki tipe data yang sama.

    Contoh deklarasinya adalah sebagai berikut :

    var objArr = [10, "Sarah", "Meliani", true];

Mengakses Array

Untuk memberikan dan membaca nilai pada objek array cukup gampang, yaitu dengan menggunakan nilai index - sebagai penunjuk posisi pada objek array. Index selalu dimulai dari angka 0, kemudian diikuti angka 1, 2 dan seterusnya. 
Penulisan objek array agar dapat diakses adalah dengan notasi penambahan angka di dalam kurung siku setelah nama objeknya dalam bentuk berikut ini : 
        namaobjek[NOMOR_INDEX]
Berikut adalah beberapa pemberian nilai pada array :
  • objArr[0] = 20;
  • objArr[4] = "Budi";
Dan berikut adalah contoh pembacaan objek array :
  • document.write(objArr[1]);
  • var hasil = objArr[5] + objArr[6];

Method dan Property pada Object Array

Berikut adalah beberapa method yang dapat digunakan pada variable object array :
  • concat() : Menggabungkan 2 atau lebih array.
  • indexOf() : Mencari suatu nilai pada array dan mengembalikan posisi indexnya.
  • join() : Menggabungkan semua elemen pada array menjadi suatu teks.
  • lastIndexOf() : Mencari suatu nilai pada array, dimulai dari posisi akhir dan kemudian mengembalikan posisi indexnya.
  • pop() : Mengembalikan nilai elemen terakhir, dan kemudian menghilangkannya dari array.
  • push() : Menambahkan nilai baru pada array, dan mengembalikan ukuran array.
  • reverse() : Membalikkan posisi-posisi nilai pada array.
  • shift() : Menghilangkan nilai pertama dari array, dan kemudian mengembalikan nilai tersebut.
  • slice() : Mengembalikan sebagian dari array.
  • sort() : Mengurutkan nilai-nilai pada array.
  • splice() : Menambahkan/ menghilangkan nilai pada array.
  • toString() : Melakukan dan mengembalikan konversi nilai-nilai array sebagai teks.
  • unshift() : Menambahkan nilai-nilai baru pada awal array dan mengembalikan ukuran array.
  • valueOf() : Mengembalikan nilai primitif dari suatu array.
Dan berikut adalah beberapa property yang dapat digunakan pada variable object array :
  • length : Mengembalikan ukuran array, yakni jumlah nilai / elemen yang terdapat pada array tersebut.
  • constructor : Mengembalikan fungsi yang membuat prototype Array.
  • prototype : Menambahkan property dan method pada objek Array.

Contoh Penggunaan

Berikut adalah contoh coding penggunaan array JavaScript pada file HTML.

array_pada_javascript.html

<html>
    <head>
        <title>Contoh Penggunaan Array</title>
    </head>
    <body>
        <script language='JavaScript'>
        var arr1 ["Kursus"13true]//deklarasi dan inisialisasi array pertama
        var arr2 [34"Programming"true]//deklarasi dan inisialisasi  array kedua
        
        arr2[02//merubah isi elemen pertama menjadi nilai literal 2
        
        var gabung arr1.concat(arr2)//menggabungkan array 1 dan 2
        gabung gabung.sort()//mengurutkan elemen-elemen array penggabungan
        
        //Mencetak output sebagai dokumen HTML
        document.write("Array 1 = " arr1.toString("<BR>");
        document.write("Array 2 = " arr2.toString("<BR>");
        document.write("Hasil Gabung = " gabung.toString("<BR>");
        document.write("Elemen pertama dari gabung : " gabung[0]  "<BR>" );
        document.write("Elemen pertama dari gabung : " gabung[1]  "<BR>" ); 
        </script>
    </body>
</html>
Hasil outputnya adalah sebagai berikut :
    Array 1 = Kursus,1,3,true
    Array 2 = 2,4,Programming,true
    Hasil Gabung = 1,2,3,4,Kursus,Programming,true,true
    Elemen pertama dari gabung : 1
    Elemen pertama dari gabung : 2

0 komentar:

Posting Komentar