JavaScript adalah salah satu bahasa pemrograman yang paling populer di seluruh dunia. JavaScript pada dasarnya selalu bermuara pada dua struktur data inti: array dan objek. Kedua tipe ini adalah dasar dari cara belajar coding JavaScript, karena mengelola, menyimpan, dan memanipulasi data di seluruh aplikasi hampir selalu bergantung pada aspek-aspek inti dari bahasa ini.
Apa itu Array?
Variabel Array dapat menyimpan banyak nilai dengan satu nama, dan dapat diakses dengan nomor indeks. Array diurutkan, yang berarti bahwa setiap item atau elemen dalam array memiliki indeks tertentu, yang dimulai dari 0. Hasilnya, array berguna untuk melacak daftar data terkait, seperti angka atau string, atau bahkan array lain.
Mendeklarasikan dan Menggunakan Larik
Kita membuat larik dengan tanda kurung siku [] dan memisahkan elemen dengan tanda koma:
const fruits = ['apple', 'banana', 'cherry'];
Anda mengakses elemen dalam larik dengan merujuk ke indeksnya:
console.log(fruits[0]); // Output: 'apple'
Salah satu fitur yang paling berbeda dari larik dalam JavaScript adalah sifatnya yang dinamis. Anda dapat menggeser atau memindahkan atau menyambung elemen kapan saja. Sebagai contoh:
fruits.push('date'); // Adds 'date' to the end of the array
console.log(fruits); // Output: ['apple', 'banana', 'cherry', 'date']
fruits.pop(); // Removes the last element
console.log(fruits); // Output: ['apple', 'banana', 'cherry']
Sumber: kodealgo.com
Metode Larik yang Berguna
Array JavaScript memiliki banyak metode bawaan yang membantu bekerja dengan data:
- map() : Membuat larik baru, dengan menerapkan sebuah fungsi per elemen
- filter(): Membuat larik dengan semua elemen yang lulus tes yang diterapkan oleh fungsi yang disediakan.
- reduce(): Mengurangi larik menjadi satu nilai dengan menerapkan sebuah fungsi.
- → mengurutkan (): Mengurutkan isi larik pada tempatnya.
Hal ini membuat larik menjadi sangat umum dan kuat dalam sejumlah konteks.
Apa yang dimaksud dengan Objek?
Objek JavaScript adalah kumpulan pasangan kunci-nilai. Objek tidak terurut, sehingga properti (kunci) tidak memiliki urutan subgenerasi. Objek digunakan untuk merepresentasikan struktur data yang lebih kompleks, dan merupakan inti dari desain JavaScript.
Mendeklarasikan dan Menggunakan Objek
Untuk membuat sebuah Objek, gunakan tanda kurung kurawal {} dan gunakan pasangan kunci-nilai untuk mendefinisikan properti Objek:
const person = {
name: 'John',
age: 30,
isEmployed: true
};
Anda dapat menggunakan notasi titik (bukan larik) atau notasi kurung untuk mengakses atau mengubah properti objek:
console.log(person.name); // Output: 'John'
person.age = 31; // Updates the age property
console.log(person["isEmployed"]); // Output: true
Objek dan Larik Bersarang
Sebuah objek dapat berisi objek lain atau bahkan larik, yang memungkinkan kita membuat struktur data yang sangat kompleks. Sebagai contoh:
const company = {
name: 'TechCorp',
employees: [
{ name: 'Alice', role: 'Developer' },
{ name: 'Bob', role: 'Designer' }
]
};
console.log(company.employees[0].name); // Output: 'Alice'
Metode Objek
Selain menyimpan data, objek juga dapat memiliki fungsi metode yang didefinisikan sebagai properti:
const car = {
brand: 'Toyota',
start() {
console.log('The car has started.');
}
};
car.start(); // Output: 'The car has started.'
Larik vs Objek (Kapan menggunakannya)
Namun, array dan objek digunakan untuk alasan yang berbeda. Anda menggunakan array ketika Anda membutuhkan daftar item secara berurutan, seperti daftar angka atau nama. Di sisi lain, objek lebih tepat untuk merepresentasikan sesuatu dengan beberapa properti, seperti profil pengguna atau katalog produk.
Kesimpulan
Larik dan objek adalah blok bangunan dasar pemrograman JavaScript. Mengetahui cara penggunaan yang tepat dengan ini memungkinkan pengembang untuk mengelola data, membuat aplikasi yang kompleks, dan melepaskan kekuatan JavaScript. Apakah Anda melakukan perulangan melalui larik, mengakses properti objek bersarang, atau menggabungkan keduanya untuk membangun struktur data Anda, blok-blok ini selalu menjadi alat wajib dalam perangkat pemrograman Anda.
Kembali ke>>> Memulai dengan JavaScript: Dasar-dasarnya