Tambahkan sifat pada objek JavaScript menggunakan pembolehubah sebagai kunci?

Question

Saya menggunakan jQuery untuk mengekstrak item daripada DOM dan mahu menetapkan sifat objek menggunakan id elemen DOM.

Contoh

const obj = {}

jQuery(itemDariDom).setiap(fungsi() {
  elemen const = jQuery(ini)
  nama const = element.attr('id')
  nilai const = element.attr('value')

  //Inilah masalahnya
  obj.name = nilai
})

Jika itemFromDom mengandungi elemen dengan id saya mahu obj " "harta benda. Kod di atas memberi saya nama. 
Bagaimana untuk menamakan sifat objek menggunakan pembolehubah menggunakan JavaScript? 

Answer 1

Dengan ECMAScript 2015, anda boleh menggunakan notasi kurungan segi empat sama terus dalam pengisytiharan objek:

var obj = {
  [key]: value
}

di mana key boleh berupa apa-apa jenis ungkapan (seperti pembolehubah), mengembalikan nilai:

var obj = {
  ['hello']: 'World',
  [x + 2]: 42,
  [someObject.getId()]: someVar
}

Answer 2

Anda boleh menggunakan sintaks yang setara:

obj[name] = value

Contoh:

let obj = {};
obj["the_key"] = "the_value";

Atau gunakan ciri ES6:

let key = "the_key";
let obj = {
  [key]: "the_value",
};

Dalam kedua-dua contoh, console.log(obj)将返回：{ the_key: 'the_value' }