Mengenal Lebih Dekat dengan Array JavaScript

Pada tutorial ini, Anda akan mempelajari tentang array JavaScript beserta operasi dasarnya.

Pendahuluan mengenai Array JavaScript

Dalam bahasa JavaScript, sebuah array adalah daftar nilai yang terurut. Setiap nilai disebut elemen yang ditentukan oleh indeks:

Sebuah array JavaScript memiliki karakteristik berikut:

1. Array dapat menyimpan nilai dengan tipe yang berbeda. Misalnya, Anda dapat memiliki array yang menyimpan elemen dengan tipe number, string, boolean, dan null.
2. Ukuran array bersifat dinamis dan tumbuh secara otomatis. Dengan kata lain, Anda tidak perlu menentukan ukuran array secara langsung.

Membuat Array JavaScript

JavaScript menyediakan dua cara untuk membuat array. Cara pertama adalah menggunakan konstruktor Array seperti berikut:

let scores = new Array();

Array scores ini kosong dan tidak memiliki elemen.

Jika Anda mengetahui jumlah elemen yang akan diisi oleh array, Anda dapat membuat array dengan ukuran awal seperti contoh berikut:

let scores = Array(10);

Untuk membuat array dan menginisialisasinya dengan beberapa elemen, Anda dapat melewatkan elemen-elemen tersebut sebagai daftar yang dipisahkan koma ke dalam konstruktor Array().

let scores = new Array(9,10,8,7,6);

JavaScript memungkinkan Anda untuk menghilangkan operator new ketika menggunakan konstruktor Array(). Misalnya:

let artists = Array();

Namun, umumnya, Anda jarang menggunakan konstruktor Array() untuk membuat array. Cara yang lebih disukai adalah menggunakan notasi literal array:

let arrayName = [element1, element2, element3, ...];

Contoh berikut membuat array colors yang berisi elemen string:

let colors = ['red', 'green', 'blue'];

Untuk membuat array kosong, Anda dapat menggunakan tanda kurung siku tanpa menentukan elemen apa pun:

let emptyArray = [];

Mengakses Elemen Array JavaScript

Array JavaScript memiliki indeks berbasis nol. Dengan kata lain, elemen pertama array dimulai dari indeks 0, elemen kedua dimulai dari indeks 1, dan seterusnya.

Untuk mengakses elemen dalam array, Anda menentukan indeks di dalam tanda kurung siku:

arrayName[index]

Contoh berikut menunjukkan cara mengakses elemen-elemen dalam array mountains:

let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];

console.log(mountains[0]); // 'Everest'
console.log(mountains[1]); // 'Fuji'
console.log(mountains[2]); // 'Nanga Parbat'

Untuk mengubah nilai dari suatu elemen, Anda dapat memberikan nilai tersebut ke elemen tersebut seperti ini:

let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];
mountains[2] = 'K2';

console.log(mountains);

Output:

[ 'Everest', 'Fuji', 'K2' ]

Mendapatkan Ukuran Array

Umumnya, properti length dari suatu array mengembalikan jumlah elemennya. Contoh berikut menunjukkan cara menggunakan properti length:

let mountains = ['Everest', 'Fuji', 'Nanga Parbat'];
console.log(mountains.length); // 3

Operasi Dasar pada Array

Berikut adalah beberapa operasi dasar pada array. Operasi lanjutan seperti map(), filter(), dan reduce() akan dipelajari pada tutorial selanjutnya.

1) Menambahkan Elemen ke Akhir Array

Untuk menambahkan elemen ke akhir array, Anda menggunakan metode push():

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
seas.push('Red Sea');

console.log(seas); 

Output:

[ 'Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea', 'Red Sea' ]

2) Menambahkan Elemen ke Awal Array

Untuk menambahkan elemen ke awal array, Anda menggunakan metode unshift():

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
seas.unshift('Red Sea');

console.log(seas);

Output:

[ 'Red Sea', 'Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea' ]

3) Menghapus Elemen dari Akhir Array

Untuk menghapus elemen dari akhir array, Anda menggunakan metode pop():

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
const lastElement = seas.pop();
console.log(lastElement); 

Output:

Baltic Sea

4) Menghapus Elemen dari Awal Array

Untuk menghapus elemen dari awal array, Anda menggunakan metode shift():

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
const firstElement = seas.shift();

console.log(firstElement);

Output:

Black Sea

5) Menemukan Indeks suatu Elemen dalam Array

Untuk menemukan indeks suatu elemen, Anda menggunakan metode indexOf():

let seas = ['Black Sea', 'Caribbean Sea', 'North Sea', 'Baltic Sea'];
let index = seas.indexOf('North Sea');

console.log(index); // 2

6) Memeriksa apakah suatu Nilai adalah Array

Untuk memeriksa apakah suatu nilai adalah array, Anda menggunakan metode Array.isArray():

console.log(Array.isArray(seas)); // true

Ringkasan

Dalam bahasa JavaScript, array adalah daftar nilai yang terurut, di mana setiap nilai disebut elemen dan ditentukan oleh indeksnya. Array dapat menyimpan nilai dengan tipe yang berbeda, dan ukurannya bersifat dinamis, dapat berkembang atau menyusut sesuai kebutuhan.