Menguasai Objek dalam JavaScript

Objek dalam JavaScript

Dalam JavaScript, objek ialah koleksi pasangan nilai kunci yang mana nilai boleh menjadi data (sifat) atau fungsi (kaedah). Objek adalah asas kepada JavaScript, kerana hampir semua perkara dalam JavaScript ialah objek, termasuk tatasusunan, fungsi dan juga objek lain.

---

1. Mencipta Objek

A. Objek Literal

Cara paling mudah untuk mencipta objek ialah menggunakan pendakap kerinting {}.

Contoh:

const person = {
  name: "Alice",
  age: 25,
  greet: function () {
    console.log("Hello!");
  },
};

console.log(person.name); // Output: Alice
person.greet(); // Output: Hello!

B. Pembina Objek

Menggunakan pembina Objek mencipta objek kosong.

Contoh:

const person = new Object();
person.name = "Bob";
person.age = 30;
person.greet = function () {
  console.log("Hi!");
};

console.log(person.name); // Output: Bob
person.greet(); // Output: Hi!

C. Menggunakan Object.create()

Kaedah ini mencipta objek baharu dengan prototaip yang ditentukan.

Contoh:

const prototype = { greet: function () { console.log("Hello!"); } };
const person = Object.create(prototype);
person.name = "Charlie";
console.log(person.name); // Output: Charlie
person.greet(); // Output: Hello!

---

2. Mengakses Sifat Objek

A. Notasi Titik

Akses sifat menggunakan titik (.).

Contoh:

console.log(person.name); // Output: Alice

B. Notasi Kurungan

Akses sifat menggunakan kurungan segi empat sama ([]). Berguna untuk nama harta dinamik.

Contoh:

console.log(person["name"]); // Output: Alice
const key = "age";
console.log(person[key]); // Output: 25

---

3. Menambah, Mengubah Suai dan Memadamkan Sifat

• Menambah:

person.country = "USA";
console.log(person.country); // Output: USA

• Mengubah suai:

person.age = 26;
console.log(person.age); // Output: 26

• Memadamkan:

delete person.age;
console.log(person.age); // Output: undefined

---

4. Kaedah dalam Objek

Apabila fungsi ialah sifat objek, ia dipanggil kaedah.

Contoh:

const car = {
  brand: "Tesla",
  start: function () {
    console.log("Car started!");
  },
};

car.start(); // Output: Car started!

---

5. Mengulang Lebih Sifat Objek

A. Menggunakan untuk...dalam

Lelaran pada semua sifat terhitung objek.

Contoh:

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

B. Menggunakan Object.keys()

Mengembalikan tatasusunan kekunci objek.

Contoh:

Object.keys(person).forEach((key) => {
  console.log(`${key}: ${person[key]}`);
});

C. Menggunakan Object.entry()

Mengembalikan tatasusunan pasangan [kunci, nilai].

Contoh:

Object.entries(person).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

---

6. Kaedah Objek

JavaScript menyediakan beberapa kaedah terbina dalam untuk berfungsi dengan objek.

• Object.assign(): Menyalin sifat dari satu objek ke objek lain.

const person = {
  name: "Alice",
  age: 25,
  greet: function () {
    console.log("Hello!");
  },
};

console.log(person.name); // Output: Alice
person.greet(); // Output: Hello!

• Object.freeze(): Menghalang pengubahsuaian objek.

const person = new Object();
person.name = "Bob";
person.age = 30;
person.greet = function () {
  console.log("Hi!");
};

console.log(person.name); // Output: Bob
person.greet(); // Output: Hi!

• Object.seal(): Menghalang menambah atau mengalih keluar sifat tetapi membenarkan pengubahsuaian sifat sedia ada.

const prototype = { greet: function () { console.log("Hello!"); } };
const person = Object.create(prototype);
person.name = "Charlie";
console.log(person.name); // Output: Charlie
person.greet(); // Output: Hello!

---

7. Prototaip dan Warisan

Objek dalam JavaScript mempunyai prototaip, iaitu objek lain yang mewarisi sifat dan kaedah daripadanya.

Contoh:

console.log(person.name); // Output: Alice

---

8. Pemusnahan Objek

Menyahstruktur membolehkan mengekstrak sifat daripada objek kepada pembolehubah.

Contoh:

console.log(person["name"]); // Output: Alice
const key = "age";
console.log(person[key]); // Output: 25

---

9. Ringkasan

• Objek ialah pasangan nilai kunci yang boleh menyimpan sifat dan kaedah.
• Gunakan literal objek untuk penciptaan objek mudah.
• Akses sifat objek menggunakan notasi titik atau kurungan.
• Gunakan kaedah terbina dalam seperti Object.keys(), Object.assign(), dan Object.freeze() untuk manipulasi objek yang berkesan.
• Menguasai objek adalah penting untuk memahami konsep JavaScript lanjutan seperti prototaip dan warisan.

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Menguasai Objek dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!