Rumah > hujung hadapan web > tutorial js > Kaedah untuk menetapkan dan mendapatkan semula nilai dalam objek JavaScript

Kaedah untuk menetapkan dan mendapatkan semula nilai dalam objek JavaScript

Susan Sarandon
Lepaskan: 2024-12-04 16:05:26
asal
222 orang telah melayarinya

Methods to assign and retrieve values in a JavaScript object

pengenalan

Terdapat empat cara kekunci dan nilai boleh diberikan kepada objek.

  1. Notasi titik
  2. Notasi kurungan segi empat sama
  3. Kaedah Object.defineProperty()
  4. Kaedah Object.defineProperties()

Notasi titik

Notasi titik ialah kaedah yang mudah dan biasa digunakan untuk mengakses sifat objek dalam JavaScript. Anda boleh mencipta dan menetapkan sifat pada objek menggunakan notasi titik. Pendekatan ini membolehkan anda mentakrifkan sifat secara dinamik selepas objek dibuat.

let objectName = {};  // "object literal" syntax
objectName.someKey = someValue; // set property and value

const value = objectName.someKey; // retrive value
Salin selepas log masuk
Salin selepas log masuk

kebaikan

Kebolehbacaan:

Mudah dibaca dan difahami.

Contoh: nama orang lebih mudah untuk ditafsirkan daripada orang['nama'].

Kemudahan Penggunaan:

Sintaks ringkas yang pantas ditulis.

Nama Harta Statik:

Sesuai untuk mengakses sifat dengan pengecam yang sah (huruf, digit, garis bawah dan $).

Keburukan

Terhad kepada Pengecam Sah:

Gagal apabila nama sifat mempunyai aksara khas, ruang atau dinamik.

Contoh: orang.nama pertama akan membuang ralat; gunakan orang["nama pertama"] sebaliknya.

Tidak Boleh Menggunakan Pembolehubah:

Contoh: Jika nama sifat disimpan dalam pembolehubah, anda tidak boleh menggunakannya dengan tatatanda titik.

Notasi kurungan segi empat sama

Notasi kurungan segi empat sama membolehkan mengakses atau memanipulasi sifat objek secara dinamik menggunakan rentetan atau pembolehubah. Tanda kurung segi empat sama lebih fleksibel daripada tatatanda titik kerana ia boleh menggunakan mana-mana nama sifat atau pembolehubah. Walau bagaimanapun, mereka agak sukar untuk menulis.

Kebaikan

Akses Harta Dinamik:

Membenarkan nama sifat menjadi pembolehubah atau ungkapan.

Contoh: obj[propName] adalah fleksibel apabila propName ialah pembolehubah.

Watak dan Ruang Khas:

Berfungsi dengan nama sifat yang mengandungi aksara khas, ruang atau kata kunci terpelihara.

Contoh: obj["nama pertama"] atau obj["kelas"].

Fleksibel dalam Lelaran:

Berguna apabila menggelung melalui sifat dalam objek.

Keburukan

Kurang Boleh Dibaca:

Lebih sukar dibaca berbanding notasi titik, terutamanya untuk sifat bersarang.

Terdedah kepada kesilapan taip:

Kesilapan dalam nama hartanah mungkin tidak dapat ditangkap semasa pembangunan (mis., obj["naem"]).

Verbose:

Memerlukan lebih banyak menaip dan penggunaan petikan untuk kekunci rentetan.

Kaedah Object.defineProperty().

Kaedah Object.defineProperty() mentakrifkan sifat baharu kepada objek atau mengemas kini yang sedia ada, dan kemudian mengembalikan objek itu.

let objectName = {};  // "object literal" syntax
objectName.someKey = someValue; // set property and value

const value = objectName.someKey; // retrive value
Salin selepas log masuk
Salin selepas log masuk

Kaedah Object.defineProperties().

Kaedah Object.defineProperties() mentakrifkan baharu atau mengubah suai sifat sedia ada secara langsung pada objek, mengembalikan objek.

const user = {};

Object.defineProperty(user,  'firstName', {
  value: 'John',
  writable: true, // `false` is default
});

console.log('First name', user.firstName);
Salin selepas log masuk

Atas ialah kandungan terperinci Kaedah untuk menetapkan dan mendapatkan semula nilai dalam objek JavaScript. 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