Rumah  >  Artikel  >  hujung hadapan web  >  bagaimana untuk membuat objek dalam javascript

bagaimana untuk membuat objek dalam javascript

下次还敢
下次还敢asal
2024-05-08 22:24:20277semak imbas

Terdapat empat cara untuk mencipta objek dalam JavaScript: sintaks literal objek, pembina, kaedah Object.create() dan sintaks kelas (ES6). Sifat objek boleh diakses dan diubah suai melalui pengendali titik atau notasi kurungan persegi, manakala pengendali padam boleh digunakan untuk memadam sifat.

bagaimana untuk membuat objek dalam javascript

Cara mencipta objek dalam JavaScript

Pengenalan
Objek ialah struktur asas untuk menyimpan data dalam JavaScript. Mereka membenarkan data disusun ke dalam pasangan nilai kunci untuk akses dan manipulasi mudah.

Mencipta Objek
Terdapat beberapa cara untuk mencipta objek dalam JavaScript:

  • Sintaks literal objek: Ini ialah cara terpantas dan termudah untuk mencipta objek.
<code class="js">const person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer",
};</code>
  • Pembina: Anda boleh mencipta objek menggunakan pembina, yang bertanggungjawab untuk memulakan sifat objek.
<code class="js">function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

const person = new Person("John Doe", 30, "Software Engineer");</code>
  • Object.create(): Kaedah ini mencipta objek baharu yang mewarisi sifat dan kaedah daripada objek prototaip yang ditentukan.
<code class="js">const person = Object.create({
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer",
});</code>
  • Sintaks kelas (ES6): Kelas menyediakan cara yang lebih moden untuk mencipta objek.
<code class="js">class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }
}

const person = new Person("John Doe", 30, "Software Engineer");</code>

Akses sifat objek
Anda boleh menggunakan pengendali titik (.) atau notasi kurungan segi empat sama ([]) untuk mengakses sifat objek: .)或方括号表示法([])访问对象属性:

<code class="js">console.log(person.name); // John Doe
console.log(person["age"]); // 30</code>

修改对象属性
可以使用与访问属性相同的方法修改对象属性:

<code class="js">person.name = "Jane Doe";
person["age"] = 31;</code>

删除对象属性
可以使用 delete

<code class="js">delete person.occupation;</code>
🎜 Pengubahsuaian Sifat objek 🎜🎜 Sifat objek boleh diubah suai menggunakan kaedah yang sama seperti mengakses sifat: 🎜rrreee 🎜🎜 Sifat objek boleh dipadamkan 🎜🎜 Sifat objek boleh dipadam menggunakan operator delete: 🎜rrreee

Atas ialah kandungan terperinci bagaimana untuk membuat objek dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn