[JavaScript] Object set 'key' using variable

 

문제 상황

JavaScript Object 내에 'Key'를 변수를 사용하여 할당하려 하는데

변수를 통한 키 할당이 이뤄지지않음.

const targetKey = 'name';
const targetValue = 'mmm';

//아래 코드가 동작하지 않음.
store.update({
  targetKey : targetValue 
  // name : 'mmm' 으로 인식하지 않고, 
  // targetKey : 'mmm'으로 인식
  }, {
  fields : [targetKey],
  limit : 1
});

 

해결 방법

From ES5

operator bucket '[]'를 사용한다.

수정된 코드

const targetKey = 'name';
const targetValue = 'mmm';

store.update({
  // bucket '[]' 로 감싸줌.
  [targetKey] : targetValue 
   // name : 'mmm'으로 인식
  }, {
  fields : [targetKey],
  limit : 1
});

Reference

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names