Matawebsite Promo Lebaran 2022

Memahami Array Method Pada Javascript

date 22 Apr 2021
date Sulfikardi
date 2966
date Web Programming
Memahami Array Method Pada Javascript

Array merupakan struktur data yang digunakan untuk menyimpan sekumpulan data dalam satu tempat. Setiap data dalam Array memiliki indeks, sehingga kita akan mudah memprosesnya. Di javascript sudah disediakan build-in function(method) untuk mengelolah data array.

Berikut adalah method  array di dalam JavaScript.

1. Slice

Method Array.slice() digunakan untuk ’memotong’ array menjadi array baru, atau menjadi ’sub-array’ dari array asal. Method slice() ini membutuhkan 2 buah argumen yang berisi posisi index awal dan akhir pemotongan.

<script>
        let data = [1,2,3,4,5,6,7,8]
        let dataBaru = data.slice(2,5)
        console.log(dataBaru)       // hasil = [3,4,5]
</script>

 

2. Push

Method Array.push() digunakan untuk menambahkan elemen array pada akhir dari array.

<script>
        let data = [1,2,3,4,5,6,7,8]
        data.push("mangga")
        console.log(data) // hasil =  [1, 2, 3, 4, 5, 6, 7, 8, "mangga"]
</script>

 


3. Pop

Method Array.pop() digunakan untuk  menghapus elemen terakhir dari array.

<script>
        let data = [1,2,3,4,5,6,7,8]
        data.pop()
        console.log(data) // hasil =  [1, 2, 3, 4, 5, 6, 7]
 </script>

 

 

4. Shift

Method Array.shift() digunakan untuk menghapus elemen paling awal array.
 

<script>
        let data = [1,2,3,4,5,6,7,8]
        data.shift()
        console.log(data) // hasil =  [2, 3, 4, 5, 6, 7, 8]
 </script>

 

5. Unshift

Method Array.unshift() digunakan untuk menambahkan elemen baru diawal array.

<script>
        let data = [1,2,3,4,5,6,7,8]
        data.unshift(0)
        console.log(data) // hasil =  [0, 1, 2, 3, 4, 5, 6, 7, 8]
</script>

 

6. Join

Method Array.join() digunakan untuk menggabungkan elemen array menjadi sebuah string.

<script>
        let data = [1,2,3,4,5,6,7,8]
        console.log(data.join("-")) // hasil =  1-2-3-4-5-6-7-8
 </script>

 

7. Reverse

Method Array.reverse() digunakan untuk membalikkan urutan dari elemen di dalam array.

<script>
        let data = [1,2,3,4,5,6,7,8]
        data.reverse()
        console.log(data) // hasil =  [8, 7, 6, 5, 4, 3, 2, 1]
 </script>

 

8. Sort

Method Array.sort() digunakan untuk mengurutkan elemen pada array baik secara ascending atau descending.

<script>
        let data = [7,4,12,4,6,10,20,45,2,1]
        let data2 = ["d","f","z","w","a","t"]
        data.sort((a,b)=> a > b ? 1: -1)
        console.log(data) // hasil =  [1, 2, 4, 4, 6, 7, 10, 12, 20, 45] => urutan dari kecil ke besar
        data2.sort((a,b)=> a > b ? -1:1)
        console.log(data2)  // hasil = ["z", "w", "t", "f", "d", "a"] => urutan dari besar ke kecil
</script>

 

9. Foreach

Method Array.forEach() digunakan untuk melakukan pengulangan di dalam array.

<script>
        let data = ["d","f","z","w","a","t"]
        data.forEach((item)=> {
            console.log(item)  // hasil = "d" "f" "z" "w" "a" t
        })
 </script>

 

10. Filter

Method Array.filter() digunakan untuk melakukan filter data dengan kondisi tertentu pada setiap elemen dari array yang sudah ada.

<script>
        let data = [1,2,3,4,5,6,7,8,9,10]
        // membuat array baru dari array angka yang isinya adalah bilangan habis dibagi 2
        let dataFilter = data.filter(item => item % 2 == 0)
        console.log(dataFilter) // hasil = [2, 4, 6, 8, 10]
  </script> 










 

Matawebsite Promo
sul.png

Sulfikardi

Web Design & Web Programming

Halo, saya seorang Web Developer yang terbiasa mengembangkan website menggunakan HTML, CSS, Javascript, PHP, MYSQL, dan Laravel. Disini saya akan membagikan pengalaman saya dalam membangun dan mengembangan website yang responsif dan dinamis

Artikel Populer

Halo, ada yang bisa kami bantu?
Daftar Sekarang