Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menetapkan Kekunci Secara Dinamik dalam Objek JavaScript?

Bagaimana untuk Menetapkan Kekunci Secara Dinamik dalam Objek JavaScript?

Susan Sarandon
Lepaskan: 2024-11-05 08:10:02
asal
871 orang telah melayarinya

How to Dynamically Set Keys in JavaScript Objects?

Cara Mencipta Kunci Dinamik untuk Pembolehubah Objek JavaScript

Apabila cuba mencipta kunci dinamik untuk objek JavaScript, menggunakan sintaks ini

jsObj{ 'kunci' i} = 'contoh' 1;
tidak akan berfungsi. Pendekatan yang betul menggunakan kurungan segi empat sama:

<code class="js">jsObj['key' + i] = 'example' + 1;</code>
Salin selepas log masuk

Dalam JavaScript, tatasusunan ialah jenis objek khusus, dengan perbezaannya ialah ia mengekalkan sifat panjang yang mencerminkan kiraan sifat angka (indeks) tambah satu. Tingkah laku istimewa ini tidak ditiru oleh objek standard, tetapi pengendali kurungan segi empat sama berfungsi pada kedua-dua jenis.

Untuk menetapkan sifat dengan kunci berangka pada contoh tatasusunan, sifat panjang akan dikemas kini secara automatik untuk mencerminkan kunci angka terbesar. Walau bagaimanapun, untuk objek biasa, tiada kemas kini sedemikian berlaku.

Adalah penting untuk ambil perhatian bahawa mensiri tika tatasusunan kepada JSON hanya termasuk sifat yang dinamakan secara berangka, tidak termasuk mana-mana yang lain.

Dalam ES6, anda boleh menggunakan Nama Harta Berkomputer untuk sintaks yang lebih ringkas:

<code class="js">var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };</code>
Salin selepas log masuk

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

sumber:php.cn
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