Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menambah Sifat Secara Dinamik pada Objek JavaScript Menggunakan Nama Pembolehubah?

Bagaimana untuk Menambah Sifat Secara Dinamik pada Objek JavaScript Menggunakan Nama Pembolehubah?

Susan Sarandon
Lepaskan: 2024-12-23 19:59:13
asal
778 orang telah melayarinya

How to Dynamically Add Properties to JavaScript Objects Using Variable Names?

Cara Menambah Sifat Secara Dinamik pada Objek JavaScript

Apabila bekerja dengan elemen DOM, perkara biasa perlu menetapkan sifat pada objek menggunakan ID elemen tersebut. Pertimbangkan situasi berikut:

Anda mempunyai tatasusunan elemen DOM yang diambil menggunakan jQuery dan anda mahu menetapkan sifat pada objek menggunakan ID setiap elemen.

1

2

3

4

5

6

7

8

9

10

const obj = {};

 

jQuery(itemsFromDom).each(function() {

  const element = jQuery(this);

  const name = element.attr('id');

  const value = element.attr('value');

 

  // This line does not work as intended:

  obj.name = value;

});

Salin selepas log masuk

Kod di atas akan menetapkan sifat pada objek, tetapi nama sifat akan sentiasa "nama" tanpa mengira ID elemen. Untuk menetapkan nama sifat secara dinamik menggunakan pembolehubah, anda harus menggunakan kurungan dan nama pembolehubah:

1

obj[name] = value;

Salin selepas log masuk

Ini membolehkan anda mencipta sifat pada objek menggunakan ID atau mana-mana pembolehubah lain sebagai nama sifat.

1

2

3

4

let obj = {};

obj["the_key"] = "the_value";

 

console.log(obj); // Output: { the_key: 'the_value' }

Salin selepas log masuk

Sebagai alternatif, anda boleh menggunakan ciri ES6 untuk sintaks yang lebih ringkas:

1

2

3

4

5

6

let key = "the_key";

let obj = {

  [key]: "the_value"

};

 

console.log(obj); // Output: { the_key: 'the_value' }

Salin selepas log masuk

Menggunakan kurungan membolehkan anda menetapkan nama sifat secara dinamik pada objek JavaScript, memberikan anda fleksibiliti dan kawalan yang lebih besar ke atas manipulasi data.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Sifat Secara Dinamik pada Objek JavaScript Menggunakan Nama Pembolehubah?. 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