Pelajari array JavaScript lengkap mulai dari membuat array, mengakses data, looping, menambah elemen, hingga mengenali array.

Array JavaScript Lengkap untuk Pemula

Pembukaan

Array JavaScript digunakan untuk menyimpan banyak data dalam satu variabel. Array sangat penting dalam pengembangan website modern karena memudahkan pengelolaan data seperti daftar CCTV, monitoring server, analytic camera system, perangkat jaringan, dan data realtime.

Dalam sistem profesional seperti Haikal IT Support, array digunakan untuk:

• Daftar kamera CCTV

• Monitoring perangkat jaringan

• Data analytic camera

• Log server

• Dashboard realtime

Berikut penjelasan lengkap array JavaScript.

---

1. Membuat Array I

Array dapat dibuat menggunakan tanda kurung siku [].

Contoh Kode

let perangkat = [
  "CCTV",
  "Server",
  "Router"
];

Hasil Demo

["CCTV", "Server", "Router"]

Penjelasan

• Array menyimpan banyak data.

• Data dipisahkan menggunakan koma.

---

2. Membuat Array II

Array juga dapat dibuat menggunakan constructor new Array().

Contoh Kode

let perangkat = new Array(
  "CCTV",
  "NVR",
  "Switch"
);

console.log(perangkat);

Hasil Demo

["CCTV", "NVR", "Switch"]

Penjelasan

• Cara ini masih valid.

• Namun lebih disarankan menggunakan [].

---

3. Mengakses Elemen Array

Elemen array diakses menggunakan index.

Contoh Kode

let perangkat = [
  "CCTV",
  "Server",
  "Router"
];

console.log(perangkat[0]);

Hasil Demo

CCTV

Penjelasan

• Index dimulai dari 0.

Index	Nilai
0	CCTV
1	Server
2	Router

---

4. Mengubah Elemen Array

Array dapat diubah menggunakan index.

Contoh Kode

let perangkat = [
  "CCTV",
  "Server",
  "Router"
];

perangkat[1] = "NVR";

console.log(perangkat);

Hasil Demo

["CCTV", "NVR", "Router"]

Penjelasan

• "Server" diganti menjadi "NVR".

---

5. Mengakses Array Penuh

Contoh Kode

let perangkat = [
  "CCTV",
  "Server",
  "Router"
];

console.log(perangkat);

Hasil Demo

["CCTV", "Server", "Router"]

Penjelasan

• Menampilkan seluruh isi array.

---

6. Menemukan Panjang Array

Gunakan .length.

Contoh Kode

let perangkat = [
  "CCTV",
  "Server",
  "Router"
];

console.log(perangkat.length);

Hasil Demo

3

Penjelasan

• Menghitung jumlah elemen array.

---

7. Mengulang Array

Array dapat di-loop menggunakan for.

Contoh Kode

let perangkat = [
  "CCTV",
  "Server",
  "Router"
];

for(let i = 0; i < perangkat.length; i++) {

  console.log(perangkat[i]);

}

Hasil Demo

CCTV
Server
Router

Penjelasan

• Loop digunakan untuk membaca seluruh isi array.

---

8. Menambahkan Elemen ke Array

Gunakan push().

Contoh Kode

let perangkat = [
  "CCTV",
  "Server"
];

perangkat.push("Router");

console.log(perangkat);

Hasil Demo

["CCTV", "Server", "Router"]

Penjelasan

• push() menambahkan data ke akhir array.

---

9. Menambahkan “Lubang” Undefined ke Array

Array bisa memiliki index kosong.

Contoh Kode

let perangkat = [
  "CCTV",
  ,
  "Router"
];

console.log(perangkat);

Hasil Demo

["CCTV", empty, "Router"]

Penjelasan

• Index kosong menghasilkan undefined.

• Sebaiknya dihindari.

---

10. Cara Mengenali Array I

Gunakan Array.isArray().

Contoh Kode

let perangkat = [
  "CCTV",
  "Server"
];

console.log(Array.isArray(perangkat));

Hasil Demo

true

Penjelasan

• Cara modern untuk mengecek array.

---

11. Cara Mengenali Array II

Gunakan instanceof Array.

Contoh Kode

let perangkat = [
  "CCTV",
  "Server"
];

console.log(perangkat instanceof Array);

Hasil Demo

true

Penjelasan

• Mengecek apakah object termasuk array.

---

Penyebab Error Array JavaScript

Beberapa kesalahan umum:

• Salah index array

• Loop melebihi panjang array

• Mengakses array kosong

• Typo method array

---

Cara Mengatasi Error Array

1. Periksa Index Array

Salah:

console.log(perangkat[10]);

Hasil Demo

undefined

---

2. Gunakan .length

Contoh Kode

for(let i = 0; i < perangkat.length; i++) {

  console.log(perangkat[i]);

}

---

3. Gunakan Array.isArray()

Contoh Kode

Array.isArray(perangkat);

---

Contoh Kasus

Kasus:

Dashboard monitoring CCTV tidak menampilkan semua kamera.

Penyebab:

Loop melebihi panjang array.

Salah:

for(let i = 0; i <= perangkat.length; i++) {

  console.log(perangkat[i]);

}

Benar:

for(let i = 0; i < perangkat.length; i++) {

  console.log(perangkat[i]);

}

Hasil Demo

CCTV
Server
Router

---

Tips Tambahan

• Gunakan push() untuk menambah data.

• Gunakan length untuk looping.

• Hindari array kosong tidak terdefinisi.

• Gunakan Array.isArray() untuk validasi.

---

Internal Link

Artikel terkait di Haikal IT Support:

• Objek JavaScript

• Variabel JavaScript

• Tipe Data JavaScript

• Fungsi JavaScript

• Dasar JavaScript

---

Kesimpulan

Array JavaScript digunakan untuk menyimpan dan mengelola banyak data dalam satu variabel. JavaScript menyediakan berbagai fitur seperti akses index, looping, push(), dan pengecekan array untuk mempermudah pengolahan data.

Pemahaman array sangat penting dalam pengembangan dashboard monitoring CCTV, analytic camera system, server management, dan network system profesional di Haikal IT Support.