Creazione di chiavi JSON al volo

Question

vorrei creare un oggetto json per inviare come un array di post, ma ho bisogno di creare la chiave al volo

var id = $('#myInput').val(); 

var post = { 
    'product[123]': 'myValue',  // this works fine - but isn't dynamic 
    'product['+id+']': 'myValue' // this does not work 
} 

inviarlo in forma di stringa funziona bene, ma ottengo un problema quando voglio renderlo più dinamico. Mi sto perdendo qualcosa di veramente semplice qui, o sto cercando di fare qualcosa che Javascript non dovrebbe fare?

Answer 1

(Si noti che questo non ha nulla a che fare con JSON. Non stai usando JSON lì, si sta utilizzando un object initializer. JSON è un formato testuale (non il codice), che è un sottoinsieme della sintassi di inizializzazione degli oggetti di JavaScript)

fare fuori l'inizializzatore di oggetto, usando la notazione []:.

var id = $('#myInput').val(); 

var post = {}; 
post[product[id]] = 'myValue'; 

Ciò prenderà il valore (in fase di esecuzione) di product[id] e lo userà come chiave per la proprietà. Se si voleva la chiave per letteralmente essere product[123] quando id è 123, utilizza questo, invece:

post['product[' + id + ']'] = 'myValue'; 

Una discussione più generica:

var a = "foo"; 
var obj = {}; 
obj[a] = "bar"; 
console.log(obj.foo); // "bar" 

JavaScript consente di specificare le chiavi di proprietà in due modi: usare notazione punteggiata e letterale (obj.foo), o usare notazione con bracketing e una stringa (obj["foo"]). In quest'ultimo caso, la stringa non deve essere una stringa letterale, può essere il risultato di qualsiasi espressione.

Answer 2

Prova

post['product[' + id + ']'] = 'myValue'; 

Answer 3

Perché si utilizza '[]' in id dell'oggetto? Evita di fare questo.
nel campione, si può fare questo dal seguente codice:

var id = $('#myInput').val(); 
var post = { 
    '123': 'myValue',  
    id: 'myValue' 
} 

O, se davvero davvero desidera utilizzare un arrry (in realtà, tutti gli oggetti vengono array in JavaScript). È possibile scrivere questo:

var product=[]; 
product['123']='something'; 
product[id]='another';