JavaScript Dasar | #4 Objek dan Array

Objek dan Array dalam JavaScript

Pengenalan Objek

Objek dalam JavaScript adalah kumpulan properti dan nilai, dimana setiap properti berasosiasi dengan sebuah nilai. Nilai tersebut bisa berupa data primitif, array, atau bahkan fungsi.

Contoh Kode:

const person = {
  name: "Rizky",
  age: 16,
  hobby: "Bermain sepak bola"
};

Membuat Objek

Objek bisa dibuat dengan menggunakan notasi kurung kurawal {} yang menampung pasangan key dan value yang dipisahkan dengan tanda titik dua.

Contoh Kode:

const car = {
  brand: "Toyota",
  model: "Camry",
  year: 2020
};

Akses Properti Objek

Untuk mengakses properti dari sebuah objek, Anda bisa menggunakan notasi titik atau notasi kurung siku.

Contoh Kode:

// Menggunakan notasi titik
console.log(car.brand); // Output: Toyota

// Menggunakan notasi kurung siku
console.log(car["model"]); // Output: Camry

Array: Pengenalan dan Operasi Dasar

Array adalah tipe data yang digunakan untuk menyimpan sekumpulan nilai dalam satu variabel. Setiap nilai dalam array diidentifikasi dengan indeks, dimulai dari 0.

Contoh Kode:

const fruits = ["Apple", "Banana", "Orange"];

// Akses elemen array
console.log(fruits[0]); // Output: Apple

Metode Array

JavaScript menyediakan berbagai metode untuk memanipulasi array. Berikut adalah beberapa metode yang paling umum:

• push(): Menambahkan elemen ke akhir array.
• pop(): Menghapus elemen terakhir dari array.
• shift(): Menghapus elemen pertama dari array.
• unshift(): Menambahkan elemen ke awal array.
• map(): Membuat array baru dengan memanggil fungsi untuk setiap elemen.
• filter(): Membuat array baru dengan elemen yang memenuhi syarat tertentu.
• reduce(): Mengurangi array menjadi satu nilai dengan menjalankan fungsi untuk setiap elemen.

Contoh Kode:

push()

fruits.push("Mango");
console.log(fruits); // Output: ["Apple", "Banana", "Orange", "Mango"]

pop()

fruits.pop();
console.log(fruits); // Output: ["Apple", "Banana", "Orange"]

shift()

fruits.shift();
console.log(fruits); // Output: ["Banana", "Orange"]

unshift()

fruits.unshift("Pineapple");
console.log(fruits); // Output: ["Pineapple", "Banana", "Orange"]

map()

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(number => number * 2);
console.log(doubled); // Output: [2, 4, 6, 8]

filter()

const evenNumbers = numbers.filter(number => number % 2 === 0);
console.log(evenNumbers); // Output: [2, 4]

reduce()

const sum = numbers.reduce((total, number) => total + number, 0);
console.log(sum); // Output: 10