Bagaimana Anda Bekerja Dengan Kekunci Objek Dinamik dalam JavaScript?

Mengakses dan Mengubah Suai Kekunci Objek Dinamik dengan JavaScript

Mencipta kekunci dinamik dalam objek JavaScript adalah penting untuk memanipulasi data secara dinamik. Memahami konsep ini membolehkan fleksibiliti yang lebih besar dalam kod anda.

Menggunakan Kurungan Segi Empat

Untuk mengakses atau mengubah suai sifat dengan kunci dinamik, gunakan kurungan segi empat sama ([]) bersama-sama dengan nama kunci yang disertakan dalam petikan:

<code class="javascript">jsObj['key' + i] = 'example' + 1;</code>

Sintaks ini membolehkan anda membina kunci secara dinamik berdasarkan nilai i.

Memahami Peranan Tatasusunan

Walaupun tatasusunan mewarisi daripada prototaip Objek dalam JavaScript, tidak semua objek ialah tatasusunan. Tatasusunan mengekalkan sifat panjang, yang melaraskan secara dinamik berdasarkan nama sifat angka. Walau bagaimanapun, tingkah laku ini tidak berkaitan dengan pengendalian pengendali kurungan segi empat sama.

Menetapkan Nilai Harta

Apabila menetapkan nilai untuk sifat dengan kunci angka dalam tatasusunan, sifat panjang dikemas kini dengan sewajarnya. Walau bagaimanapun, ini tidak terpakai pada objek biasa, di mana menetapkan sifat dengan kunci angka tidak menjejaskan sifat panjang.

Penghadan dengan Kejadian Tatasusunan dan Pensirilan JSON

Ambil perhatian bahawa contoh tatasusunan yang disirikan kepada JSON hanya termasuk sifat dengan nama angka. Sifat yang ditambahkan menggunakan kekunci bukan angka akan hilang semasa bersiri.

Nama Harta Berkomputer ES2015

Dalam ES6, nama sifat yang dikira menawarkan alternatif untuk mencipta kunci dinamik:

<code class="javascript">var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };</code>

Ini membolehkan anda menggunakan pembolehubah atau ungkapan untuk mentakrifkan kunci harta dengan lebih mudah dan ringkas.

Atas ialah kandungan terperinci Bagaimana Anda Bekerja Dengan Kekunci Objek Dinamik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!