JavaScript 연관 배열에서 키를 동적으로 생성하는 방법

JavaScript의 연관 배열(associative array)은 사실 JavaScript 객체 리터럴(object literal)과 같습니다. 객체에 새로운 키를 동적으로 추가하려면 대괄호([]) 표기법을 사용하면 되는데, 이때 키는 문자열 형태여야 합니다.

대괄호 표기법은 변수에 저장된 값을 키로 사용할 수 있다는 점에서 특히 유용합니다. 아래 예제를 통해 확인해 보겠습니다.

예제

let a = {
    name: 'Ayush'
};
let key = 'age';
// 존재하지 않는 키를 추가
a[key] = 35;
console.log(a)

출력 결과

위 코드를 실행하면 다음과 같은 결과가 출력됩니다.

{ name: 'Ayush', age: 35 }

이처럼 a[key] = 35; 구문을 사용하면 변수 key에 담긴 문자열 값인 'age'가 새로운 키로 추가되고, 해당 키에 35라는 값이 할당됩니다. 이 방법은 반복문 안에서 여러 개의 키와 값을 동적으로 생성해야 할 때 매우 유용하게 활용할 수 있습니다.