변수에서 JS 개체 속성 이름을 설정하는 방법

변수에서 JS 개체 속성 이름을 설정하는 방법

JS 객체 속성 이름을 동적으로 설정해야 합니다.

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

    data = {
        key : 'name1',
    }
}

결과는 다음과 같습니다.

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

를 사용해야 합니다.[]표기를 사용하여 키를 동적으로 설정합니다.

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

}

ES6에서는 오브젝트 리터럴 구문을 사용하여 오브젝트키를 동적으로 작성할 수 있습니다.변수를 다음으로 정리합니다.[]

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

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

ECMAScript 6에서는 다음과 같이 개체 리터럴 구문에 변수 속성 이름을 사용할 수 있습니다.

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

이 구문은 다음 최신 브라우저에서 사용할 수 있습니다.

Edge 12+(IE 지원 없음), FF34+, Chrome 44+, Opera 31+, Safari 7.1+

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

babel 등의 트랜스필러를 사용하여 이전 브라우저에 지원을 추가할 수 있습니다.롤업 또는 웹 팩과 같은 모듈 번들을 사용하는 경우 전체 프로젝트를 쉽게 변환할 수 있습니다.

변수를 개체 키로 사용

let key = 'myKey';

let data = {[key] : 'name1'; }

자세한 내용은 여기를 참조하십시오.

이것은 값을 동적으로 설정하는 방법입니다.

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

변수의 출처는 중요하지 않습니다.중요한 건 하나...각 괄호([.. ]) 사이에 변수 이름을 설정합니다.

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

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

이것은 와 비슷할 것이다.

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

Sinath S를 따라서.위의 R의 코멘트는 오브젝트를 정의하고 오브젝트 외부에 다른 키/값을 정의함으로써 Google Apps Script 변수(아직 ES6를 지원하지 않음)에서 js 오브젝트 속성 이름을 설정할 수 있었습니다.

var salesperson = ...

var mailchimpInterests = { 
        "aGroupId": true,
    };

mailchimpInterests[salesperson] = true;

언급URL : https://stackoverflow.com/questions/13833204/how-to-set-a-js-object-property-name-from-a-variable