Operasi Array pada JavaScript

Ditulis oleh Alvina Putri, dipublikasi pada 11 May 2017 dalam kategori Tutorial
Operasi Array pada JavaScript

Disini saya tidak akan membahas tentang array secara lengkap dan menyeluruh, melainkan hanya 3 metode operasional Array pada Javascript yang penting.

Seperti yang anda mungkin sudah ketahui, kita bisa menambahkan item, menghapus item, atau mungkin mengosongkan item pada sebuah array. Namun beberapa fungsi seperti push, pop, dll. Referensi array yang digunakan pada fungsi tersebut mungkin hilang, atau bahkan berubah menjadi sebuah array baru. Dalam beberapa library seperti Vue.js, hal ini dapat menyebabkan error atau fungsi tidak berjalan dengan baik.

Merge 2 Array

Untuk menggabungkan 2 array, gunakan metode push.apply, dalam contoh berikut kita akan menggabungkan dua buah array:

var fruits = ['anggur', 'melati', 'apel', 'jeruk'];

var buah_buahan = ['strawberry', 'pir', 'durian']

fruits.push.apply(fruits, buah_buahan) 

// fruits =  ['anggur', 'melati', 'apel', 'jeruk', 'strawberry', 'pir', 'durian']

Menghapus Item pada Array

Jika ingin menghapus item pada sebuah array, asalkan anda sudah tahu indexnya, kita dapat menghapus item tersebut dengan metode splice:

var fruits = ['anggur', 'melati', 'apel', 'jeruk'];

var index_yang_ingin_dihapus = 1; // karena fruits[1] = melati, kita ingin menghapus melati dari array buah-buahan ini

fruits.splice(index_yang_ingin_dihapus, 1) 

// fruits -> ['anggur', 'apel', 'jeruk']

Mengosongkan Array

Untuk mengosongkan array, ada beberapa orang yang memilih menggunakan cara seperti:

var fruits = ['anggur', 'melati', 'apel', 'jeruk'];
fruits = []

// fruits -> []

Tapi metode diatas akan membuat kita kehilangan referensi di dalam variabel fruits. Untuk menghindarinya, kita bisa menggunakan metode splice:

var fruits = ['anggur', 'melati', 'apel', 'jeruk'];
fruits.splice(0, fruits.length)

// fruits -> []

Demikian beberapa metode penting yang berhubungan dengan manipulasi konten dari sebuah array dalam Javascript.

Berlangganan Informasi CodePolitan Melalui Email

Jangan sampai kamu melewatkan informasi penting tentang pemrograman dan teknologi! Kamu bisa berlangganan Newsletter CodePolitan dengan cara mengisi formulir di samping.

Promo potongan 10% untuk bergabung dalam kelas online Menjadi Web Programmer