Bagaimana untuk Membuat Kunci Secara Dinamik dalam Objek JavaScript?

Mencipta Kekunci Dinamik dalam Objek JavaScript

Apabila cuba mencipta kunci dinamik untuk objek JavaScript, pengguna mungkin menghadapi masalah apabila menggunakan notasi titik . Artikel ini menangani cabaran ini dan meneroka kaedah alternatif menggunakan kurungan segi empat sama.

Pendekatan Kurungan Persegi

Untuk mencipta kunci dinamik menggunakan kurungan segi empat sama, ikut sintaks ini:

jsObj['key' + i] = 'example' + 1;

Kaedah ini beroperasi dengan menganggap nama sifat sebagai rentetan yang dikira, membenarkan tugasan kekunci dinamik.

Memahami Tatasusunan dan Sifat Objek

Susun atur dalam JavaScript mempamerkan gelagat istimewa berkenaan nama sifat berangka. Sifat panjang tatasusunan mencerminkan nilai sifat angka maksimum. Apabila menetapkan sifat berangka pada tatasusunan, sifat panjang dikemas kini dengan sewajarnya.

Sebaliknya, objek biasa tidak mempamerkan gelagat ini. Menetapkan sifat berangka pada objek tidak menjejaskan sifat panjangnya.

Kelebihan dan Pertimbangan

Menggunakan kurungan segi empat sama menawarkan kelebihan berikut:

• Membolehkan penciptaan kunci dinamik dalam objek.
• Mengekalkan integriti daripada sifat panjang dalam tatasusunan.

Walau bagaimanapun, pertimbangkan potensi implikasi siri tatasusunan. Contoh tatasusunan yang bersiri kepada JSON hanya termasuk sifat yang dinamakan secara berangka. Jika sifat tambahan ditambahkan, ia mungkin hilang semasa bersiri.

Nama Harta Berkomputer ES2015

ES2015 memperkenalkan Nama Harta Berkomputer, menyediakan penyelesaian yang elegan untuk mencipta kunci dinamik:

var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };

Pendekatan ini membolehkan penetapan kunci dinamik tanpa secara eksplisit membina rangkaian rentetan.

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