Method-Method Array Pada Javascript

Mohamad Adithya — Wed, 25 May 2022 03:26:03 +0000

Balik lagi buat ngeblog, kali ini gua bakal menjelaskan method-method untuk memanipulasi array di JavaScript.

Oke, jadi misalkan disini kita mempunyai sebuah array yang berisi data negara-negara.

const countries = [
  {
    name: 'Indonesia',
    population: 250_000_000
  },
  {
    name: 'India',
    population: 150_000_000
  },
  {
    name: 'China',
    population: 500_000_000
  },
  {
    name: 'Argentina',
    population: 25_000_000,
  }
]

Dan berikut method-method yang bisa kita terapkan untuk memanipulasi array diatas.

Shift

Method ini digunakan untuk menghapus elemen pertama dari sebuah array.

countries.shift()

Unshift

Method ini berfungsi untuk menambahkan elemen baru ke sebuah array.

let newCountry = [
  { 
    name: 'Brazil',
    population: 35_000_000
  }
]
countries.unshift(...newCountry)

Method ini berfungsi untuk menghapus elemen terakhir dari sebuah array.

countries.pop()

Push

Method ini berfungsi untuk menambahkan elemen ke bagian akhir array.

let newCountry = [
  { 
    name: 'Uruguay',
    population: 45_000_000
  }
]
countries.push(...newCountry)

Reverse

Method ini berfungsi untuk mengurutkan elemen array secara terbalik.

countries.reverse()

Splice

Method ini berfungsi untuk menghapus elemen dan dapat menambahkan elemen berdasarkan parameter posisi dan jumlah elemen pada array.

// Menghapus
countries.splice(1, 2)

Note:
Parameter 1: Posisi
Parameter 2: Jumlah array

Sort

Method ini berfungsi untuk mengurutkan elemen berdasarkan kondisi yang diberi.

countries.sort((a, b) => a.population - b.population)

Slice

Method ini berfungsi untuk memilah elemen array berdasarkan posisi dan batas dan mereturn array baru, namun slice tidak merubah array sebelumnya.

const slicedCountries = countries.slice(0, 2)
console.log(slicedCountries)

Untuk melihat method lainnya, yang bertipe higher order function, anda bisa kunjungi artikel saya tentang 5 Higher Order Function untuk Memanipulasi Array.

5 Higher Order Functions untuk Memanipulasi Array di Javascript

Mohamad Adithya — Fri, 29 Apr 2022 21:23:29 +0000

Kali ini gua bakal menjelaskan 5 Higher Order Functions untuk Memanipulasi Array, yang mungkin berguna untuk projek-projek Javascript lu kedepannya.

Foreach

Fungsi forEach digunakan untuk me-looping sebuah array, berdasarkan banyaknya elemen atau item di dalam array tersebut.

Fungsi map digunakan untuk menghasilkan array baru dari sebuah array.

Filter

Fungsi filter digunakan untuk memfilter elemen-elemen atau item-item pada sebuah array dengan spesifik.

Find

Fungsi find digunakan untuk mencari sebuah elemen atau item pada sebuah array.

Reduce

Fungsi reduce digunakan untuk mengeksekusi atau membaca nilai setiap elemen atau item pada sebuah array lalu mengkalkulasinya ataupun menggabungkannya.

DEV Community: Mohamad Adithya

Method-Method Array Pada Javascript

5 Higher Order Functions untuk Memanipulasi Array di Javascript