Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menambah harta pada objek JavaScript menggunakan pembolehubah sebagai nama?

Bagaimana untuk menambah harta pada objek JavaScript menggunakan pembolehubah sebagai nama?

WBOY
Lepaskan: 2023-08-24 18:37:02
ke hadapan
1201 orang telah melayarinya

如何使用变量作为名称向 JavaScript 对象添加属性?

Dalam artikel ini, anda akan belajar cara menambah sifat pada objek JavaScript menggunakan pembolehubah sebagai nama. Menambah sifat pada objek boleh dilakukan dalam dua cara. Yang pertama ialah notasi titik (.) dan yang kedua menggunakan kurungan segi empat sama ([]).

Contoh 1

Dalam contoh ini, kami menggunakan notasi titik (.).

var inputObject = {a: "value1"};
console.log("An object is created with properties: ", inputObject)

inputObject.b = "value2";

console.log("After adding properties, the object now contains: ", inputObject)
console.log(inputObject)
Salin selepas log masuk

Arahan

  • Langkah 1 - Takrifkan objek, iaitu inputObject.

  • Langkah 2 - Tambahkan sifat tambahan pada objek menggunakan tatatanda titik.

  • Langkah 3 - Paparkan nilai.

Contoh 2

Dalam contoh ini,

var inputObject = {a: "value1"};
console.log("An object is created with properties: ", inputObject)

inputObject['c'] = "value3"

console.log("After adding properties, the object now contains: ", inputObject)
console.log(inputObject)
Salin selepas log masuk

Arahan

  • Langkah 1 - Takrifkan objek, iaitu inputObject.

  • Langkah 2 - Tambahkan sifat tambahan pada objek menggunakan notasi kurungan.

  • Langkah 3 - Paparkan nilai.

Atas ialah kandungan terperinci Bagaimana untuk menambah harta pada objek JavaScript menggunakan pembolehubah sebagai nama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan