JavaScript - Objek: Panduan untuk Pemula

Halo sana, para pemrogram yang sedang belajar! Saya sangat senang menjadi panduan Anda dalam perjalanan menarik ini ke dunia objek JavaScript. Sebagai seseorang yang telah mengajar pemrograman selama tahun, saya bisa katakan bahwa memahami objek adalah seperti membuka kekuatan super rahasia dalam JavaScript. Jadi, mari kita masuk ke dalamnya!

JavaScript - Objects

Apa Itu Objek JavaScript?

Imaginasi Anda sedang mendeskripsikan anjing peliharaan Anda. Anda mungkin akan katakan bahwa dia memiliki nama, umur, ras, dan mainan favorit. Dalam JavaScript, kita dapat mewakili anjing ini sebagai objek, dengan semua karakteristik tersebut sebagai propertinya. mari kita buat objek pertamanya:

let myDog = {
name: "Buddy",
age: 3,
breed: "Golden Retriever",
favoriteToy: "bola berbisik"
};

Ini adalah apa yang kita sebut objek literal. Itu seperti wadah yang menyimpan informasi yang berkaitan. Setiap piece of information adalah properti, dengan nama (seperti "name" atau "age") dan nilai ("Buddy" atau 3).

Properti Objek

Sekarang kita memiliki objek myDog, bagaimana kita mengakses propertinya? Ada dua cara:

  1. Notasi titik:

    console.log(myDog.name); // Output: Buddy
  2. Notasi kurung:

    console.log(myDog["age"]); // Output: 3

Kedua cara ini melakukan hal yang sama, tetapi notasi kurung sangat berguna saat nama properti disimpan dalam variabel atau memiliki spasi.

Kita juga dapat menambahkan properti baru ke objek kita:

myDog.isGoodBoy = true;
console.log(myDog.isGoodBoy); // Output: true

Atau memodifikasi yang sudah ada:

myDog.age = 4;
console.log(myDog.age); // Output: 4

Metode Objek

Metode adalah fungsi yang milik dari objek. Itu seperti aksi yang dapat objek kita lakukan. Mari kita tambahkan metode ke objek myDog:

myDog.bark = function() {
console.log("Woof woof!");
};

myDog.bark(); // Output: Woof woof!

Sekarang anjing kita dapat mengeong! Apakah itu menarik?

Membuat Objek Baru

Kita telah melihat bagaimana membuat objek menggunakan objek literal, tetapi ada cara lain menggunakan kontruktur Object():

let myCat = new Object();
myCat.name = "Whiskers";
myCat.age = 5;
myCat.meow = function() {
console.log("Meow!");
};

myCat.meow(); // Output: Meow!

Cara ini kurang umum, tetapi baik untuk diketahui bahwa itu ada.

Menentukan Metode untuk Objek

Kita dapat menentukan metode saat kita membuat objek, sama seperti yang kita lakukan dengan properti:

let myParrot = {
name: "Polly",
age: 2,
speak: function() {
console.log("Polly wants a cracker!");
}
};

myParrot.speak(); // Output: Polly wants a cracker!

Ada juga cara singkat untuk menentukan metode:

let myHamster = {
name: "Fuzzy",
age: 1,
run() {
console.log("Running on the wheel!");
}
};

myHamster.run(); // Output: Running on the wheel!

Keyword 'with'

Keyword with dapat membuat kode Anda pendek saat Anda bekerja dengan properti dari objek yang sama beberapa kali:

with(myDog) {
console.log(name);
console.log(age);
bark();
}

Namun, hati-hati dengan with karena itu dapat membuat kode Anda kurang jelas dan tidak direkomendasikan dalam mode ketat.

Objek Native JavaScript

JavaScript datang dengan beberapa objek bawaan yang menyediakan fungsi yang berguna. Berikut adalah beberapa yang paling umum:

Objek Deskripsi
String Mewakili dan memanipulasi teks
Number Mewakili nilai numerik
Boolean Mewakili nilai benar/salah
Array Mewakili daftar nilai
Math Menyediakan operasi matematika
Date Mewakili tanggal dan waktu

Mari kita lihat beberapa contoh:

let greeting = "Hello, World!";
console.log(greeting.length); // Output: 13

let pi = Math.PI;
console.log(pi); // Output: 3.141592653589793

let today = new Date();
console.log(today); // Output: tanggal dan waktu saat ini

Metode Objek JavaScript

Objek di JavaScript datang dengan beberapa metode bawaan. Berikut adalah beberapa yang penting:

Metode Deskripsi
Object.keys() Mengembalikan array nama properti objek
Object.values() Mengembalikan array nilai properti objek
Object.entries() Mengembalikan array [key, value] pairs objek
Object.assign() Menyalin properti dari satu objek ke objek lain

Mari kita lihat ini dalam aksi:

let keys = Object.keys(myDog);
console.log(keys); // Output: ["name", "age", "breed", "favoriteToy", "isGoodBoy", "bark"]

let values = Object.values(myDog);
console.log(values); // Output: ["Buddy", 4, "Golden Retriever", "squeaky ball", true, ƒ]

let entries = Object.entries(myDog);
console.log(entries); // Output: [["name", "Buddy"], ["age", 4], ...]

let newDog = Object.assign({}, myDog);
console.log(newDog); // Output: salinan myDog

Dan itu saja! Anda baru saja mengambil langkah pertama Anda ke dalam dunia objek JavaScript. Ingat, latihan membuat sempurna, jadi jangan takut untuk mencoba membuat objek dan metode Anda sendiri. Sebelum Anda tahu, Anda akan menjuggling objek seperti seorang pemrogram pro!

Happy coding, dan semoga objek Anda selalu bebas dari bug!

Credits: Image by storyset