[JS] 동적으로 객체 속성을 생성하기

JavaScript에서 동적으로 객체 속성을 만들어 값을 할당하는 예시

// ES5 방식
var combined = {};
combined['one' + randomKeyString] = 'some value';

// ES6 방식
var combined = {
  ['one' + randomKeyString]: 'some value',
};

 

1. combined라는 빈 객체를 생성한다.

2. randomKeyString은 어딘가에서 가져온 랜덤한 문자열! 이 문자열을  one과 결합하여 새로운 속성의 키를 만든다.

     예를 들어 randomKeyString이 'ABC'라면 이 부분은 'oneABC'가 된다. 그리고 이 키에 'some value' 라는 값을 할당한다.

 

결과적으로 combined 객체는 다음과 같은 구조를 갖게 된다.

{
  oneABC: 'some value'
}

이렇게 동적으로 객체 속성을 생성하는 방식은 특정 상황에서 유용할 수 있다.

객체의 속성명을 동적으로 생성해야 할 때 사용할 수 있다.