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.