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!
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:
-
Notasi titik:
console.log(myDog.name); // Output: Buddy
-
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