#javascript 객체의 key를 동적으로 정해주고 싶을 때

javascript 객체에 접근하는 방법은 아래와 같이 두가지가 있다

const generalObject = {
    'a': 'A',
    'b': 'B',
    'c': 'C',
}
console.log( generalObject.a );         // A
console.log( generalObject.b );         // B
console.log( generalObject.c );         // C

console.log( generalObject['a'] );      // A
console.log( generalObject['b'] );      // B
console.log( generalObject['c'] );      // C

 

여기서 객체의 key에 해당하는 'a', 'b', 'c' 부분을 동적으로 사용하고 싶다면, 또는 받아온 파라미터 값을 객체의 key로 사용하고 싶다면 대괄호로 감싸주면 된다

const variable = 'keykey';
let dynamicKeyObject = {
    [variable]: 'reeeeeeeeesult'
}

console.log(dynamicKeyObject['keykey']);        // reeeeeeeeesult
console.log(dynamicKeyObject.keykey);           // reeeeeeeeesult
console.log(dynamicKeyObject[variable]);        // reeeeeeeeesult