Tutorial Javascript : Array

Posted by on
Assalamualaikum Semua


      Hallo semua selamat datang kembali. Saya Muhammad Aslam atau panggil saja Mas Lam akan berbagi pengetahuan tentang java script langsung saja tanpa banyak basa basi lagi yu urang belajar java script

Variabel-variabel di JavaScript hanya bisa menyimpan satu data pada suatu saat. Adanya kecenderungan yang besar untuk memanipulasi sejumlah data dalam satu variabel membuat konsep variabel tersebut menjadi tidak cukup. 
Sebagai solusinya, JavaScript menghadirkan struktur data yang memungkinkan menyimpan himpunan/kelompok data dalam satu variabel khusus yang disebut Array.  

Definisi Array
Array,  adalah  satu variabel yang dapat berisi banyak data yang independent. Data yang disimpan diberikan  indeks  tertentu atau menggunakan  nomer urut mulai dari 0. 
Indeks ini  nantinya dapat digunakan  untuk mengakses data yang disimpan dalam array tersebut. 

jenis jenis array

Array monodimensi
Array yang hanya berisikan nilai-nilai tunggal disebut sebagai array monodimensi.
Indeks ini akan diberikan secara otomatis oleh interpreter javascript, dimulai dari elemen/data pertama dengan indeks 0.  Dalam suatu array dengan n elemen, maka elemen ke-n akan mempunyai indeks n-1.  

Array Multidimensi
Jika elemen suatu array berisikan array lainnya, maka  array tersebut termasuk array multidimensi. 

Array Asosiatif
Indek dalam array selain ditentukan secara  otomatis  oleh sistem dan selalu dimulai dari 0, juga dapat dimodifikasi dengan menggunakan kata (string) atau nilai tertentu. Tabel dengan indeks termodifikasi ini kita kenal dengan nama array asosiatif. 

contoh codingan array:
contoh 1

<!DOCTYPE html>
<html>
    <head>
        <title>
            M.Aslam.S.R
        </title>
        <link rel="stylesheet" href="BuatArray.css" type="text/css">
    </head>
    <body>
        <p id="coba">
            <script>
                var siswaXTKJ1 =["Adi", "Adnan", "Arvi", "Devina", "Lukman", "Pahmi"];
                document.getElementById("coba").innerHTML = siswaXTKJ1[4];
            </script>
        </p>             
    </body>
</html>

hasilnya






contoh2
<!DOCTYPE html>
<html>
    <head>
        <title>
            M.Aslam.S.R
        </title>
    </head>
    <body>
    <p id="coba2">
        <script>
            var siswa= new Array("Wicky", "Subi", "Rajab","Renaldi");
            document.getElementById("coba2").innerHTML = siswa[2];
        </script>
    </p>

    </body>
</html>


hasilnya



contoh 3
<!DOCTYPE html>
<html>
    <head>
        <title>
            M.Aslam.S.R
        </title>
    </head>
    <body>
        <p id="objek">
        <script>
        var person = {firstName:"Mochamad", lastName:"Faisal", age:15};
        document.getElementById("objek").innerHTML = person["firstName"];
        </script>
        </p> 
    </body>
</html>


hasilnya



contoh 4
<!DOCTYPE html>
<html>
    <head>
        <title>M.Aslam.S.R</title><link href="BuatArray.css" rel="stylesheet" type="text/css"></link>
    </head>
    <body>

    <p id="coba">
    <script>
    var arrayHewan = ["Buaya", "Harimau", "Gajah", "Singa", "Jerapah", "Zebra", "Monyet", "Kelinci", "Lutung","Kuda"];
    document.write( "Di bonbin ada " + arrayHewan[0]+" dan "+arrayHewan[8]+ arrayHewan[6]+ " dan teman-temannya");
    </script>
    </p>

    </body>
</html>

hasilnya



css BuatArray
p#coba{
    color: green;
    size: 30px;
    text-transform: capitalize;
}TULISAN DISINI


Comments

Post a Comment