Tworzenie kluczy json w locie

Question

Chciałbym stworzyć json obiekt do wysyłania jako tablica postu, ale trzeba utworzyć klucz w locie

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

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

wysłaniem go jako ciąg działa dobrze, ale pojawia się problem, gdy chcę uczynić go bardziej dynamicznym. Czy brakuje tu czegoś naprawdę prostego, czy też próbuję zrobić coś, czego JavaScript nie powinien robić?

Answer 1

(Zauważ, że to nie ma nic wspólnego z JSON. Nie używasz tam JSON, używasz object initializer. JSON to format tekstowy (nie kod), który jest podzbiór składni inicjator obiektu javascript w)

Zrób to poza inicjowania obiektu, używając [] notacji.

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

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

To zajmie wartość (w czasie wykonywania) product[id] i użyje jej jako klucza do właściwości. Jeśli chciał klucz do dosłownie być product[123] gdy id jest 123, można użyć zamiast tego:

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

Bardziej ogólne omówienie:

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

JavaScript pozwala na określenie kluczy własności w dwa sposoby: użycie notacji kropkowanej i literału (obj.foo) lub użycie notacji w nawiasie i ciągu (obj["foo"]). W tym drugim przypadku ciąg nie musi być literałem ciągowym, może być wynikiem dowolnego wyrażenia.

Answer 2

Spróbuj

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

Answer 3

Dlaczego używasz "[]" w identyfikatorach obiektu? Unikaj tego.
W swojej próbie, można to zrobić za pomocą następującego kodu:

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

Lub, jeśli naprawdę naprawdę chcesz używać arrry (faktycznie, wszystkie obiekty są tablicy w JavaScript). można napisać to:

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