[JavaScript] Object key 동적으로 추가하기

Object 변수에 'foo'라는 이름의 key를 동적으로 추가해보자.

정적인 추가

const obj = {};
const key = 'foo';

obj.key = 'bar';
console.log(obj);
>>> { key: 'bar' } // 'key'라는 이름의 key가 저장된다. (의도한 동작 X)

obj.foo = 'bar'; // 따라서 정적인 방식에서는 key 이름을 직접 명시해야 한다.
console.log(obj);
>>> { foo: 'bar' }

동적인 추가

const obj = {};
const key = 'foo';

obj[key] = 'bar';
console.log(obj);
>>> { foo: 'bar' }; // 'foo'라는 이름의 key가 저장된다.