Tutorial JavaScript Part#7: Type Data Array pada JavaScript

Tutorial Lengkap Array dan Operasinya dalam Pemrograman
Halo, pembaca setia! Apakah Anda sedang belajar pemrograman dan ingin memahami lebih dalam tentang Array dan Operasinya? Artikel ini akan membahas secara detail mulai dari pengertian, jenis array, deklarasi, operasi dasar (akses, ubah, tambah, hapus), hingga metode umum yang sering digunakan.

pada tutorial part#2 kita sudah membahas tentang materi Jenis variabel dan type data yang ada pada javascript, yang  dapat di akses pada link berikut ini:

Tutorial Part#2 : Jenis variabel dan type data JavaScript

nah sebenar nya array ini juga termasuk salah satu type data, kenapa kita tidak gabungkan pada materi tentang type data di part#2, karna array ini memiliki materi pembahasan yang cukup panjang jadi kita putuskan untuk di pisah pada part lain. dan kita lanjutkan pada part#7 ini.

Array adalah struktur data fundamental yang digunakan untuk menyimpan kumpulan data dengan tipe yang sama. Dengan memahami array, Anda dapat mengelola data secara efisien dalam program. Mari kita pelajari lebih lanjut!

1. Pengertian Array

Array adalah struktur data yang digunakan untuk menyimpan sekumpulan nilai (elemen) dalam satu variabel. Setiap elemen diakses melalui indeks, yang biasanya dimulai dari 0.
Studi Kasus:
Misalkan kita ingin menyimpan daftar nilai siswa dalam sebuah kelas. Daripada membuat banyak variabel terpisah, kita bisa menggunakan array untuk menyimpan semua nilai tersebut.

Contoh Kode: 

let nilaiSiswa = [85, 90, 78, 92, 88];
console.log(nilaiSiswa);

Penjelasan Kode
nilaiSiswa adalah array yang menyimpan 5 nilai siswa.
Indeks array dimulai dari 0 (nilai pertama = 85, nilai kedua = 90, dst).
Hasil Running Kode
[85, 90, 78, 92, 88]

2. Jenis-Jenis Array

Array dapat dikategorikan berdasarkan dimensinya:
a. Array Satu Dimensi
Hanya memiliki satu baris data.
Contoh Kode 

let buah = ["Apel", "Mangga", "Jeruk"];
console.log(buah);

Hasil Running
["Apel", "Mangga", "Jeruk"]

b. Array Multi-Dimensi
Memiliki lebih dari satu dimensi (contoh: matriks).
Contoh Kode

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

Penjelasan
matrix[1][2] mengakses baris ke-1, kolom ke-2 (bernilai 6).

3. Deklarasi Array

Array dapat dideklarasikan dengan beberapa cara:
a. Menggunakan Literal [] 

let angka = [1, 2, 3, 4];

b. Menggunakan new Array()

let warna = new Array("Merah", "Hijau", "Biru");

c. Array Kosong 

let kosong = [];
kosong.push("Data");

4. Operasi Dasar Array

a. Mengakses Elemen Array
Gunakan indeks untuk mengambil nilai.
Contoh Kode

 let buah = ["Apel", "Mangga", "Jeruk"];
console.log(buah[1]); // Output: "Mangga"

b. Mengubah Elemen Array
Assign nilai baru ke indeks tertentu.
Contoh Kode 

buah[0] = "Pisang";
console.log(buah); // Output: ["Pisang", "Mangga", "Jeruk"] 

c. Menambah Elemen Array
push(): Menambah di akhir.
unshift(): Menambah di awal.

Contoh Kode 

buah.push("Anggur"); // ["Pisang", "Mangga", "Jeruk", "Anggur"]
buah.unshift("Kiwi"); // ["Kiwi", "Pisang", "Mangga", "Jeruk", "Anggur"]

d. Menghapus Elemen Array
pop(): Hapus elemen terakhir.
shift(): Hapus elemen pertama.

Contoh Kode 

buah.pop(); // Hapus "Anggur"
buah.shift(); // Hapus "Kiwi"
console.log(buah); // Output: ["Pisang", "Mangga", "Jeruk"]

5. Metode Umum Array

Metode	Deskripsi	Contoh Penggunaan
length	Menghitung jumlah elemen	buah.length → 3
concat()	Menggabungkan array	buah.concat(["Nanas"])
slice()	Mengambil sebagian array	buah.slice(1, 3) → ["Mangga", "Jeruk"]
splice()	Menambah/hapus elemen di tengah	buah.splice(1, 1) → Hapus "Mangga"
indexOf()	Mencari posisi elemen	buah.indexOf("Jeruk") → 2

dan masih banyak lagi, berikut rangkuman garis besar dari katagori methods pada array yang sering juga kita gunakan.

Metode Array

• Mutator Methods

          Mengubah array asli

          Contoh: push(), pop(), splice(), reverse()

• Accessor Methods

         Tidak mengubah array asli, mengembalikan array/nilai baru

         Contoh: concat(), slice(), join()

• Iteration Methods

            Untuk looping dan transformasi data

            Contoh: map(), filter(), reduce(), forEach(), Sorting()

• ES6+ Modern Methods

            Diperkenalkan di ES6 dan versi terbaru

            Contoh: flat(), flatMap(), find(), includes()

Kesimpulan
Array adalah struktur data penting dalam pemrograman. Dengan memahami operasi dasarnya, Anda dapat mengelola data dengan lebih efisien.

cukup panjang bukan materi array ini, sampai disini kita sudah selesai mempelajari jenis atau type data array secara fundamental, mungkin kita akan coba buatkan tutorial terpisah untuk metode atau penggunaan array nya seprti

• Crud React Js
• Fiter Array Google Maps

Tuorial di atas kita sudah menggunakan jenis atau type data array yang lumayan kompleks, dalam penerapan nya pada kondisi tertentu.

Jangan lupa tinggalkan komentar di bawah jika ada pertanyaan atau masukan!

Happy Coding...!!

Incoming Search Terms:

• tutorial array pemrograman
• cara menggunakan array
• operasi dasar array
• contoh kode array javascript
• metode array lengkap
• belajar array untuk pemula
• perbedaan array 1D dan 2D
• cara menambah dan menghapus elemen array
• fungsi push pop shift unshift
• studi kasus penggunaan array

Semoga bermanfaat! 🚀

Share this post

𝕏