Esiste un modo per utilizzare le chiavi variabili in un oggetto letterale JavaScript?

Question

Ho codice come questo.

var key = "anything"; 
var object = { 
    key: "key attribute" 
}; 

voglio sapere se c'è un modo per sostituire che key con "qualsiasi cosa".

come

var object = { 
    "anything": "key attribute"  
}; 

Answer 1

Sì. È possibile utilizzare:

var key = "anything"; 
var json = { }; 
json[key] = "key attribute"; 

O semplicemente utilizzare il secondo metodo se si hanno i valori a portata di mano durante la scrittura del programma.

Answer 2

Beh, non c'è un modo "diretto" per fare questo ...

ma questo dovrebbe farlo:

json[key] = json.key; 
json.key = undefined; 

E 'un po' complicato, ma hey, funziona!

Answer 3

Questo dovrebbe fare il trucco:

var key = "anything"; 

var json = {}; 

json[key] = "key attribute"; 

Answer 4

In ES6, utilizzare computed property names.

const key = "anything"; 

const object = { 
    [key]: "key attribute" 
// ^^^^^ COMPUTED PROPERTY NAME 
}; 

Nota le parentesi quadre intorno a key. Puoi effettivamente specificare qualsiasi espressione tra parentesi quadre, non solo una variabile.

Answer 5

Le chiusure funzionano benissimo per questo.

function keyValue(key){ 
    return function(value){ 
    var object = {}; 
    object[key] = value; 
    return object; 
    } 
} 

var key = keyValue(key); 
key(value); 

Answer 6

Soluzione:

var key = "anything"; 

var json = {}; 

json[key] = "key attribute"; 

Answer 7

aveva bisogno di una soluzione Recentemente come impostare i cookie che passa i valori chiave JSON dinamica. Utilizzando lo https://github.com/js-cookie/js-cookie#json, può essere fatto facilmente. Voleva memorizzare ogni valore di opzione selezionato dell'utente nel cookie, quindi non va perso in caso di spegnimento della scheda o del browser.

var json = { 
     option_values : {} 
    }; 
    $('option:selected').each(function(index, el) { 
     var option = $(this); 
     var optionText = option.text(); 
     var key = 'option_' + index; 
     json.option_values[key] = optionText; 
     Cookies.set('option_values', json, { expires: 7 }); 
    }); 

Quindi è possibile recuperare ogni valore chiave biscotto su ogni caricamento della pagina utilizzando

Cookies.getJSON('option_values');