Panduan Awal JavaScript - Objek

Hai sana, para pemula pemrogram! Saya sangat gembira menjadi pandu Anda dalam perjalanan menarik ke dunia objek JavaScript. Sebagai seseorang yang telah mengajarkan pemrograman selama bertahun-tahun, saya dapat mengatakan bahwa memahami objek adalah seperti membuka kekuatan super rahasia di JavaScript. Jadi, mari kita masuk ke dalamnya!

Apa Itu Objek JavaScript?

Imaginasikan Anda menjelaskan anjing peliharaan Anda. Anda mungkin akan katakan bahwa dia memiliki nama, umur, jenis, dan mainan kesukaannya. Di JavaScript, kita dapat merepresentasikan anjing ini sebagai objek, dengan semua karakteristik tersebut sebagai propertinya. Mari kita buat objek pertama:

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 informasi 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-duanya melakukan hal yang sama, tetapi notasi kurung sangat berguna saat nama properti disimpan di variabel atau memiliki spasi.

Kita juga dapat menambahkan properti baru ke objek kita:

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

Atau mengubah yang sudah ada:

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

Metode Objek

Metode adalah fungsi yang milik objek. Itu seperti aksi yang dapat dilakukan objek kita. 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!

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

Menentukan Metode untuk Objek

Kita dapat menentukan metode saat kita membuat objek, sama seperti 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 pendek untuk menentukan metode:

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

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

Kata Kunci 'with'

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

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

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

Objek Nasiona 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 pasangan [key, value] 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 adalah! Anda telah mengambil langkah pertama ke dunia objek JavaScript. Ingat, latihan membuat sempurna, jadi jangan takut untuk mencoba membuat objek dan metode Anda sendiri. Sebelum Anda tahu, Anda akan bermain dengan objek seperti seorang pemrogram pro!

Happy coding, dan semoga objek Anda selalu bebas bug!

Credits: Image by storyset