본문 바로가기

Curiosities

JavaScript Map 객체와 이중 대괄호([[]])의 사용

 

JavaScript의 Map 객체는 키와 값을 쌍으로 저장하고, 순서가 있는 요소들을 관리하는 유용한 자료구조입니다.
Map 객체는 다양한 방식으로 초기화할 수 있으며, 이중 대괄호([[]])를 사용하는 방법에 대해서도 알아보겠습니다.

이중 대괄호는 두 가지 주요 상황에서 사용될 수 있습니다:
Map 객체의 초기화와 Map의 값으로 이중 배열을 사용할 때입니다.


1. 이중 배열을 사용하여 Map 초기화하기

Map 객체는 이중 배열을 사용하여 초기화할 수 있습니다.
이 경우, 외부 배열의 각 요소는 [키, 값] 형태의 배열이어야 합니다.
다음은 이중 배열을 사용하여 Map 객체를 초기화하는 예제입니다:

const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
  ['key3', 'value3']
]);

위 코드에서 map 객체는 다음과 같은 키-값 쌍을 가지게 됩니다:

  • 'key1' => 'value1'
  • 'key2' => 'value2'
  • 'key3' => 'value3'

이중 대괄호는 Map의 초기 데이터를 배열 형태로 제공하는 방법을 나타냅니다.
이러한 방식은 데이터가 여러 개의 키-값 쌍으로 구성되어 있을 때 유용합니다.

 

참고) 다른 초기화 방법: 빈 Map 객체 생성 후 set() 메서드로 값 추가

Map 객체를 빈 상태로 생성한 후, set() 메서드를 사용하여 키-값 쌍을 추가할 수 있습니다.

const map = new Map();
map.set('key1', 'value1');
map.set('key2', 'value2');
map.set('key3', 'value3');

이 경우에도 map 객체도 위와 같이
'key1' => 'value1',
'key2' => 'value2',
'key3' => 'value3'의 키-값 쌍을 가지게 됩니다.


2. Map의 값으로 이중 배열 사용하기

이중 대괄호는 Map 객체의 값으로 이중 배열을 사용하는 경우에도 사용될 수 있습니다.
예를 들어, Map의 특정 키에 대해 이중 배열을 값으로 설정할 수 있습니다:

const map = new Map();
map.set('key', [['value1', 'value2']]);

이 코드에서는 map의 'key'에 대해 값으로 [['value1', 'value2']]라는 이중 배열이 설정됩니다.
이 경우, 'key'는 이중 배열을 값으로 가지게 됩니다.

또한, Map 객체의 키를 이중 배열로 사용하는 경우도 가능합니다.


요약

  • Map 초기화: 이중 배열([[]])을 사용하여 Map을 초기화할 수 있습니다. 각 배열 요소는 [키, 값] 쌍의 배열이어야 합니다.
  • Map 값으로 이중 배열 사용: Map 객체의 값으로 이중 배열을 사용할 수 있습니다. 이 경우, 이중 배열은 일반 배열처럼 다양한 데이터 구조를 표현할 수 있는 방법 중 하나입니다.

이중 대괄호는 Map 객체와 관련된 다양한 데이터 구조를 효과적으로 다루기 위한 유용한 도구입니다.
이를 통해 복잡한 데이터 구조를 더 직관적으로 관리할 수 있습니다.