Rabu, 27 April 2016

Array Dalam JavaScript

     
JAVASCRIPT 

Pengenalan Array
Array adalah semacam variabel tunggal yang terindex secara teratur, jadi cukup satu nama variabel tapi bisa punya banyak nilai. Karena terindex sacara teratur kita jadi gampang mengolah dan menampilkan nilai-nilai dari variabel tersebut.
Contoh bentuk array:
Buah[1] = “Rambutan”Buah[2] = “Durian”Buah[3] = “Manggis”

Bagaimana cara buat array di javascript? 
Untuk membuat array di javascript, kita perlu mendeklarasikan variabel array dengan cara new Array()
Contoh:
<html><body><script type="text/javascript">var mobil = new Array()mobil[0] = "Saab"mobil[1] = "Volvo"mobil[2] = "BMW"for (i=0;i<mobil.length;i++){document.write(mobil[i] + "<br />")}</script></body></html>
Selain di atas kita juga bisa membuat array dengan cara menulis langsung di dalam argument Array(). Index atau Key array dimulai dari nol (0)
Contoh:
<html><body><script type="text/javascript">var buah = new Array("Mangga","Rambutan","Durian");document.write(buah[1]);</script></body></html>
Hasilnya adalah Rambutan


Metode untuk Manipulasi Array

Javascript menyediakan metode-metode untuk melakukan manipulasi terhadap objek array 

Properti Array 
Properti                                Deskripsi
 length        Menghasilkan jumlah elemen dalam suatu array

Metode Array :
concat()

fungsi:Menggabungkan dua atau lebih array
Sintaks:arrayObject.concat(arrayX,arrayX,......,arrayX)
Contoh:
<script type="text/javascript">var arr = new Array(3)arr[0] = "Jani"arr[1] = "Tove"arr[2] = "Hege"var arr2 = new Array(3)arr2[0] = "John"arr2[1] = "Andy"arr2[2] = "Wendy"var arr3 = new Array(2)arr3[0] = "Stale"arr3[1] = "Borge"document.write(arr.concat(arr2,arr3))</script>
Hasilnya:
Jani,Tove,Hege,John,Andy,Wendy,Stale,Borge

join()
Fungsi:Menuliskan elemen-elemen array ke dalam satu string dipisahkan oleh karakter yang kita set
Sintaks:arrayObject.join(pemisah)
Contoh:
<script type="text/javascript">var arr = new Array(3)arr[0] = "Jani"arr[1] = "Hege"arr[2] = "Stale"document.write(arr.join() + "<br />")document.write(arr.join("."))</script>
Hasilnya:
Jani,Hege,StaleJani.Hege.Stale

pop()
Fungsi:Untuk mendelete elemen terakhir dari suatu array
Sintaks:arrayObject.pop()
Contoh:
<script type="text/javascript">var arr = new Array(3)arr[0] = "Jani"arr[1] = "Hege"arr[2] = "Stale"document.write(arr + "<br />")document.write(arr.pop() + "<br />")document.write(arr)</script>
Hasilnya:Jani,Hege,StaleStaleJani,Hege

push()
Fungsi:Menambah satu atau lebih elemen ke bagian akhir suatu array
Sintaks:arrayObject.push(newelement1,newelement2,....,newelementX)
Contoh:
<script type="text/javascript">var arr = new Array(3)arr[0] = "Jani"arr[1] = "Hege"arr[2] = "Stale"document.write(arr + "<br />")document.write(arr.push("Kai Jim") + "<br />")document.write(arr)</script>
Hasilnya:Jani,Hege,Stale4Jani,Hege,Stale,Kai Jim

reverse()
Fungsi:Membalikkan urutan elemen dalam suatu array
Sintak:arrayObject.reverse()
Contoh:
<script type="text/javascript">var arr = new Array(3)arr[0] = "Jani"arr[1] = "Hege"arr[2] = "Stale"document.write(arr + "<br />")document.write(arr.reverse())</script>
Hasilnya:Jani,Hege,StaleStale,Hege,Jani

shift()
Fungsi:Untuk mendelete elemen pertama dari suatu array
Sintaks:arrayObject.shift()
Contoh:
<script type="text/javascript">var arr = new Array(3)arr[0] = "Jani"arr[1] = "Hege"arr[2] = "Stale"document.write(arr + "<br />")document.write(arr.shift() + "<br />")document.write(arr)</script>
Hasilnya:Jani,Hege,StaleJaniHege,Stale

unshift()
Fungsi:Untuk menambahkan satu atau lebih elemen pada awal array
Sintaks:arrayObject.unshift(newelement1,newelement2,....,newelementX)
Contoh:
<script type="text/javascript">var arr = new Array()arr[0] = "Jani"arr[1] = "Hege"arr[2] = "Stale"document.write(arr + "<br />")arr.unshift("Kai Jim")document.write(arr)</script>
Hasilnya:Jani,Hege,StaleKai Jim,Jani,Hege,Stale

sort()
Fungsi:Untuk mengurutkan elemen array
Sintaks:arrayObject.sort(sortby)
Contoh:
<script type="text/javascript">var arr = new Array(6)arr[0] = "Jani"arr[1] = "Hege"arr[2] = "Stale"arr[3] = "Kai Jim"arr[4] = "Borge"arr[5] = "Tove"document.write(arr + "<br />")document.write(arr.sort())</script>
Hasilnya:Jani,Hege,Stale,Kai Jim,Borge,ToveBorge,Hege,Jani,Kai Jim,Stale,Tove

Tidak ada komentar:

Posting Komentar