Notasi Titik vs Notasi Kurungan untuk Sifat Objek – Apakah Perbezaannya?

Barbara Streisand
Lepaskan: 2024-11-15 01:52:02
asal
581 orang telah melayarinya

Dot Notation vs Bracket Notation for Object Properties – What

Notasi Titik

Notasi titik adalah lebih ringkas dan lebih mudah dibaca. Ia digunakan apabila:

  1. Nama sifat ialah pengecam yang sah (hanya mengandungi huruf, digit, $ atau _ dan tidak bermula dengan digit).
  2. Anda tahu nama hartanah itu lebih awal.

Contohnya:

const person = { name: 'alice', age: 30 };
console.log(person.name); // 'alice'
Salin selepas log masuk

Notasi Kurungan

Notasi kurungan lebih fleksibel dan membolehkan anda:

  1. Gunakan nama sifat yang disimpan dalam pembolehubah.
  2. Akses sifat dengan aksara khas, ruang atau nombor yang bukan pengecam yang sah.
  3. Bina nama sifat secara dinamik pada masa jalan.

Contoh:
1. Menggunakan pembolehubah untuk mengakses sifat:

const person = { name: 'alice', age: 30 };
const prop = 'name';
console.log(person[prop]); // 'alice'

Salin selepas log masuk

2.Sifat dengan aksara atau ruang khas:

const person = { 'first name': 'alice', age: 30 };
console.log(person['first name']); // 'alice'

Salin selepas log masuk

3.Nama sifat yang dijana secara dinamik:

const property = 'name';
console.log(person[property]); // 'alice'

Salin selepas log masuk

Bila Menggunakan Notasi Kurungan

  • Jika nama sifat adalah dinamik atau disimpan dalam pembolehubah.
  • Jika nama sifat mempunyai ruang, aksara khas atau bermula dengan nombor.

Bagi kebanyakan kes lain, notasi titik lebih disukai kerana ia lebih mudah dibaca dan ringkas.

Atas ialah kandungan terperinci Notasi Titik vs Notasi Kurungan untuk Sifat Objek – Apakah Perbezaannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan