Jak ustawić nazwę właściwości obiektu JS ze zmiennej

Question

Potrzebne jest dynamiczne ustawianie nazwy właściwości obiektu JS.

for(i=1; i<3; i++) { 
    var key = i+'name'; 

    data = { 
     key : 'name1', 
    } 
} 

wynik powinien być:

data = { 
    1name: 'name1' 
    2name: 'name1' 
} 

Answer 1

var jsonVariable = {}; 
for(var i=1; i < 3; i++) { 
    jsonVariable[i + 'name'] = 'name' + i;   
} 

Answer 2

Jest to sposób dynamicznie ustawić wartość

var jsonVariable = {}; 
for (var i = 1; i < 3; i++) { 
    var jsonKey = i + 'name'; 
    jsonVariable[jsonKey] = 'name' + i; 
} 

Answer 3

Będziesz musiał użyć [] notacji ustawić klucze dynamicznie.

var jsonVariable = {}; 
for(i=1; i<3; i++) {   
var jsonKey = i+'name'; 
jsonVariable[jsonKey] = 'name1'; 

} 

Teraz w ES6 można użyć składni dosłownego obiektu, aby utworzyć klucze obiektów dynamicznie, po prostu zawinąć zmienną w []

var key = i + 'name'; 
data = { 
    [key] : 'name1', 
} 

Answer 4

to sprawdzić

jsonVariable = {}; 
for(i=1; i<=3; i++) {   
jsonVariable[i]=i+'name'; 
} 
document.writeln(jsonVariable[1]); 
document.writeln(jsonVariable[2]); 
document.writeln(jsonVariable[3]); 

​ 

Answer 5

jsonVariable = {} 
for(i=1; i<3; i++) {   
    var jsonKey = i+'name'; 
    jsonVariable[jsonKey] = 'name1' 
} 

Będzie być podobne do

jsonVariable = { 
    1name : 'name1' 
    2name : 'name1' 
} 

Answer 6

Z ECMAScript 6, można użyć nazwy zmiennych własności ze składnią dosłownym obiektu, na przykład:

var keyName = 'myKey'; 
var obj = { 
       [keyName]: 1 
      }; 
obj.myKey;//1 

Ta składnia jest dostępna w następujących nowszych przeglądarek:

krawędź 12+ (Nie IE wsparcie), FF34 +, Chrome 44+, 31+ Opera, Safari 7.1+

(https://kangax.github.io/compat-table/es6/)

Możesz dodać obsługę starszych przeglądarek za pomocą transpiler, takich jak babel. Łatwo jest przenieść cały projekt, jeśli używasz modułu pakującego, takiego jak rollup lub webpack.

Answer 7

Nie ma znaczenia, skąd pochodzi zmienna. Najważniejsze, że mamy jedno ... Ustaw nazwę zmiennej między nawiasami kwadratowymi "[..]".

var optionName = 'nameA'; 
var JsonVar = { 
[optionName] : 'some value' 
}