Dasar-Dasar Array di JavaScript

Pelajari dasar-dasar array di JavaScript: cara membuat, mengakses, dan memanipulasi data menggunakan metode seperti push, map, filter, dan lainnya. Cocok untuk pemula!

Array adalah salah satu struktur data paling penting dalam JavaScript. Ia digunakan untuk menyimpan banyak nilai dalam satu variabel. Jika kamu ingin mengelola daftar item—seperti daftar nama, angka, atau objek—maka array adalah pilihan yang tepat.

🔹 Apa Itu Array?

Array adalah kumpulan nilai yang disimpan dalam satu variabel dan diakses melalui indeks. Di JavaScript, array ditulis menggunakan tanda kurung siku [], dan tiap elemen dipisahkan dengan koma.

1let buah = ["apel", "jeruk", "pisang"];
2
1let buah = ["apel", "jeruk", "pisang"];
2

Array di atas berisi tiga elemen string.

🔹 Mengakses Elemen Array

Array menggunakan indeks berbasis nol. Artinya, elemen pertama berada di indeks ke-0.

1console.log(buah[0]); // Output: apel
2console.log(buah[1]); // Output: jeruk
3
1console.log(buah[0]); // Output: apel
2console.log(buah[1]); // Output: jeruk
3

🔹 Mengubah Nilai dalam Array

1buah[1] = "mangga";
2console.log(buah); // ["apel", "mangga", "pisang"]
3
1buah[1] = "mangga";
2console.log(buah); // ["apel", "mangga", "pisang"]
3

🔹 Menambahkan dan Menghapus Elemen

push() – Menambahkan elemen di akhir array

1buah.push("anggur");
2
1buah.push("anggur");
2

pop() – Menghapus elemen terakhir

1buah.pop();
2
1buah.pop();
2

unshift() – Menambahkan elemen di awal

1buah.unshift("semangka");
2
1buah.unshift("semangka");
2

shift() – Menghapus elemen pertama

1buah.shift();
2
1buah.shift();
2

🔹 Metode Penting Array Lainnya

| Metode | Deskripsi Singkat | | ---------- | ---------------------------------------------- | | length | Mendapatkan jumlah elemen dalam array | | includes() | Mengecek apakah elemen ada dalam array | | indexOf() | Mencari indeks dari suatu elemen | | join() | Menggabungkan elemen menjadi string | | slice() | Mengambil sebagian array tanpa mengubah asli | | splice() | Menambah/menghapus elemen pada indeks tertentu | | forEach() | Melakukan iterasi untuk setiap elemen | | map() | Membuat array baru berdasarkan array lama | | filter() | Menyaring elemen berdasarkan kondisi tertentu |

🔹 Contoh Penggunaan: map() dan filter()

1let angka = [1, 2, 3, 4, 5];
2
3// map: kalikan semua angka dengan 2
4let hasilMap = angka.map(x => x * 2);
5console.log(hasilMap); // [2, 4, 6, 8, 10]
6
7// filter: ambil angka lebih besar dari 3
8let hasilFilter = angka.filter(x => x > 3);
9console.log(hasilFilter); // [4, 5]
10
1let angka = [1, 2, 3, 4, 5];
2
3// map: kalikan semua angka dengan 2
4let hasilMap = angka.map(x => x * 2);
5console.log(hasilMap); // [2, 4, 6, 8, 10]
6
7// filter: ambil angka lebih besar dari 3
8let hasilFilter = angka.filter(x => x > 3);
9console.log(hasilFilter); // [4, 5]
10

🔹 Array Bersarang (Nested Array)

Array juga bisa menyimpan array lain:

1let matriks = [
2 [1, 2],
3 [3, 4],
4 [5, 6]
5];
6
7console.log(matriks[1][0]); // Output: 3
8
1let matriks = [
2 [1, 2],
3 [3, 4],
4 [5, 6]
5];
6
7console.log(matriks[1][0]); // Output: 3
8

Dengan memahami dasar-dasar ini, kamu akan lebih mudah mengelola kumpulan data di JavaScript. Di artikel berikutnya, kita akan membahas struktur data penting lainnya: Object.