Pertemuan 9-10: Struktur Data - String & Array

Mengelola Teks dan Daftar Data

Pengertian

String adalah tipe data yang digunakan untuk merepresentasikan teks. Ia adalah urutan karakter yang dibungkus dengan tanda kutip. Array adalah struktur data yang digunakan untuk menyimpan daftar nilai dalam satu variabel. Setiap nilai di dalam array disebut elemen dan dapat diakses melalui nomor indeksnya (dimulai dari 0).

Analogi

Analogi: Buku dan Daftar Belanja
Sebuah String adalah seperti sebuah kalimat di dalam buku. Anda bisa menghitung jumlah hurufnya (.length) atau mengambil sebagian kata darinya (.slice()). Sebuah Array adalah seperti daftar belanjaan Anda. Anda bisa melihat barang di urutan pertama (indeks 0), menambahkan barang baru di akhir daftar (.push()), atau mencoret barang terakhir (.pop()).

Contoh Kode & Hasil

1. Properti .length pada String

let kalimat = "Belajar JavaScript";
document.getElementById('str-preview-1').textContent = `Kalimat "${kalimat}" memiliki ${kalimat.length} karakter.`;

2. Metode String .toUpperCase()

let nama = "budi";
document.getElementById('str-preview-2').textContent = nama.toUpperCase(); // Hasil: "BUDI"

3. Membuat dan Mengakses Array

const hari = ["Senin", "Selasa", "Rabu"];
document.getElementById('arr-preview-1').textContent = `Hari kedua adalah ${hari[1]}.`; // Indeks 1 adalah elemen kedua

4. Metode Array .push()

Menambahkan elemen baru di akhir array.

const angka = [10, 20];
angka.push(30);
// Sekarang array angka menjadi [10, 20, 30]
document.getElementById('arr-preview-2').textContent = `Array setelah push: [${angka.join(', ')}]`;

5. Properti .length pada Array

const jurusan = ["TJKT", "PPLG", "Animasi"];
document.getElementById('arr-preview-3').textContent = `Ada ${jurusan.length} jurusan.`;

Latihan Mandiri

Tugas: Daftar Tugas (To-Do List)

  1. Buat sebuah array kosong bernama tugas.
  2. Gunakan metode .push() untuk menambahkan tiga tugas (string) ke dalam array: "Belajar HTML", "Latihan CSS", "Mengerjakan Proyek JS".
  3. Gunakan console.log() untuk menampilkan elemen pertama dari array.
  4. Gunakan console.log() untuk menampilkan jumlah tugas yang ada di dalam array.

Kesimpulan

String dan Array adalah dua tipe data yang paling sering digunakan untuk mengelola data di JavaScript. String sangat penting untuk semua hal yang berkaitan dengan teks, sementara Array adalah alat yang sangat kuat untuk mengelola daftar atau kumpulan data. Menguasai properti dan metode bawaan mereka akan sangat mempercepat dan mempermudah pekerjaan Anda sebagai developer.