एक वेरिएबल

Question

से जेएस ऑब्जेक्ट प्रॉपर्टी का नाम कैसे सेट करें मुझे जेएस ऑब्जेक्ट प्रॉपर्टी का नाम गतिशील रूप से सेट करने की आवश्यकता है।

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

    data = { 
     key : 'name1', 
    } 
} 

परिणाम होना चाहिए:

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

Answer 1

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

Answer 2

इस तरह गतिशील मूल्य

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

Answer 3

स्थापित करने के लिए आप [] संकेतन का उपयोग करने के लिए गतिशील रूप से कुंजी सेट करने के लिए होगा।

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

} 

अब ES6 में आप गतिशील वस्तु कुंजी बनाने के लिए वस्तु शाब्दिक वाक्य विन्यास का उपयोग कर सकते हैं, बस में []

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

Answer 4

जांच यह पता

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

इस वसीयत चर लपेट

के समान हो निम्नलिखित नए ब्राउज़रों में

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

इस वाक्य रचना उपलब्ध है::

Answer 6

ECMAScript 6 के साथ

, आप चर संपत्ति के नाम वस्तु शाब्दिक वाक्य रचना के साथ, इस तरह उपयोग कर सकते हैं

एज 12+ (कोई आईई समर्थन), FF34 +, क्रोम 44+, ओपेरा 31+, सफारी 7.1+

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

आप transpiler जैसे babel का उपयोग कर पुराने ब्राउज़रों को समर्थन जोड़ सकते हैं। यदि आप मॉड्यूल बंडलर जैसे rollup या webpack का उपयोग कर रहे हैं, तो पूरी परियोजना को पार करना आसान है।

Answer 7

इससे कोई फर्क नहीं पड़ता कि चर कहां से आता है। मुख्य बात हमारे पास एक है ... स्क्वायर ब्रैकेट्स के बीच परिवर्तनीय नाम सेट करें "[..]"।

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