Tutorial Belajar JavaScript Bagian 16 : Penjelasan Tipe Data Array di JavaScript

Pada tutorial sebelumnya,kita sudah mempelajari tentang Tutorial Belajar JavaScript Bagian 15 : Primitive VS Reference Values di JavaScript. Dalam tutorial ini, Anda akan belajar tentang array JavaScript dan operasi dasarnya.

Pengantar array JavaScript

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

Array JavaScript memiliki karakteristik sebagai berikut:

• Pertama, sebuah array dapat menyimpan nilai dari tipe campuran. Misalnya, Anda dapat memiliki array yang menyimpan elemen dengan tipe angka, string, boolean, dan null.
• Kedua, ukuran array bersifat dinamis dan berkembang secara otomatis. Dengan kata lain, Anda tidak perlu menentukan ukuran array terlebih dahulu.

Membuat array JavaScript

JavaScript memberi Anda 2 cara untuk membuat array. Yang pertama adalah menggunakan konstruktor Array sebagai berikut :

let scores = new Array();

Array scores kosong, yang menampung elemen apa pun.

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

let scores = Array(10);

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

Misalnya, berikut ini membuat array scores yang memiliki lima elemen (atau angka) :

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

Perhatikan bahwa jika Anda menggunakan konstruktor Array() untuk membuat array dan memasukkan angka ke dalamnya, Anda membuat array dengan ukuran awal.

Namun, saat Anda meneruskan nilai dari tipe lain seperti string ke dalam konstruktor Array(), Anda membuat array dengan elemen dari nilai tersebut. Sebagai contoh :

let atlet = new Array(3); // membuat array dengan ukuran awal 3
let scores = new Array(1, 2, 3); // buat array dengan tiga angka 1,2 3
let tanda = new Array('Merah'); // membuat array dengan satu elemen 'Merah'

JavaScript memungkinkan Anda menghilangkan operator new saat Anda menggunakan konstruktor Array(). Misalnya, pernyataan berikut membuat array artis.

let artis = Array();

Dalam praktiknya, Anda akan jarang menggunakan konstruktor Array() untuk membuat array.

Cara yang lebih disukai untuk membuat array adalah dengan menggunakan notasi literal array:

let arrayName = [elemen1, elemen2, elemen3, ...];

Bentuk literal array menggunakan tanda kurung siku [] untuk membungkus daftar elemen yang dipisahkan koma.

Contoh berikut membuat array warna yang menyimpan elemen string :

let warna = ['merah', 'hijau', 'biru'];

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

let emptyArray = [];

Mengakses elemen array JavaScript

Array JavaScript diindeks dan dihitung mulai dari angka 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 dalam tanda kurung siku [] :

arrayName[index]

Berikut ini menunjukkan cara mengakses elemen array pegunungan :

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

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

Untuk mengubah nilai suatu elemen, Anda menetapkan nilai tersebut ke elemen seperti ini :

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

console.log(pegunungan);

Hasil :

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

Menghitung panjang array

Biasanya, properti length dari array mengembalikan jumlah elemen. Contoh berikut menunjukkan cara menggunakan property length :

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

console.log(pegunungan.length); // 3

Operasi dasar pada array

Berikut ini menjelaskan beberapa operasi dasar pada array. Dan Anda akan mempelajari operasi lanjutan seperti map(), filter(), dan reduce() di tutorial berikutnya.

1) Menambahkan elemen ke akhir array

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

let laut = ['Laut Hitam', 'Laut Karibia', 'Laut Utara', 'Laut Baltik'];
laut.push('Laut Merah');

console.log(laut);

Hasil :

['Laut Hitam', 'Laut Karibia', 'Laut Utara', 'Laut Baltik', 'Laut Merah']

2) Menambahkan elemen ke awal array

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

let laut = ['Laut Hitam', 'Laut Karibia', 'Laut Utara', 'Laut Baltik'];
laut.unshift('Laut Merah');

console.log(laut);

Hasil :

['Laut Merah', 'Laut Hitam', 'Laut Karibia', 'Laut Utara', 'Laut Baltik']

3) Menghapus elemen dari akhir array

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

let laut = ['Laut Hitam', 'Laut Karibia', 'Laut Utara', 'Laut Baltik'];
const lastElement = laut.pop();

console.log(lastElement);

Hasil :

Laut Baltik

4) Menghapus elemen dari awal array

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

let laut = ['Laut Hitam', 'Laut Karibia', 'Laut Utara', 'Laut Baltik'];
const firstElement = laut.shift();

console.log(firstElement);

Hasil:

Laut Hitam

5) Menemukan indeks elemen dalam array

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

let laut = ['Laut Hitam', 'Laut Karibia', 'Laut Utara', 'Laut Baltik'];
let index = laut.indexOf('Laut Utara');

console.log(indeks); // 2

6) Periksa apakah suatu nilai adalah array

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

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

Kesimpulan

• Dalam JavaScript, array adalah daftar urutan nilai. Setiap nilai disebut elemen yang ditentukan oleh indeks.
• Array dapat menyimpan nilai tipe campuran.
• Array JavaScript bersifat dinamis, artinya dapat tumbuh atau menyusut sesuai kebutuhan.

Demikia tutorial belajar JavaScript tentang tipe data object array. Semoga tutorial ini membantu Anda untuk mempelajari tentang tipe data object array di JavaScript.