Bir JS nesnesi özellik ismini

Question

değişkeninden ayarlama Bir JS nesnesi özellik adını dinamik olarak ayarlamanız gerekiyor.

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

    data = { 
     key : 'name1', 
    } 
} 

Sonucu olmalıdır:

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

Answer 1

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

Answer 2

Bu dinamik dinamik tuşları ayarlamak için [] notasyonu kullanmak gerekecektir değerini

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

Answer 3

belirlemenin bir yoludur.

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

} 

Şimdi ES6 içinde sadece []

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

Answer 4

çek bunu

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' 
} 

bu irade değişkeni sarın, dinamik nesne anahtarları oluşturmak için nesne değişmez sözdizimini kullanabilirsiniz

ile benzer ECMAScript'e 6 ile

Answer 6

, böyle, nesnesi değişmez sözdizimi ile değişken özellik adlarını kullanabilirsiniz:

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

Bu sözdizimi kullanılabilir aşağıdaki yeni tarayıcılarda:

Edge'i 12+ (Hayır IE desteği), FF34 +, Chrome 44+, Opera 31+, Safari 7.1+

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

babel gibi transpiler kullanarak eski tarayıcılara destek ekleyebilirsiniz. rollup veya webpack gibi bir modül paketi kullanıyorsanız, tüm bir projeyi aktarmak kolaydır.

Answer 7

Değişkenin nereden kaynaklandığı önemli değildir. Ana şeye sahibiz ... Değişken adını "[..]" köşeli parantezler arasında ayarlayın.

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