JavaScript Map.keys()란?
JavaScript의 Map 객체에서 제공하는 keys() 메서드는 맵에 저장된 모든 키(key)를 담은 반복자(iterator) 객체를 반환합니다. entries() 메서드가 키와 값의 쌍을 함께 반환하는 것과 달리, keys()는 오직 키만 삽입된 순서대로 순회할 수 있도록 해줍니다.
문법
keys() 메서드는 별도의 매개변수 없이 호출하며, 기본 문법은 다음과 같습니다.
Map.keys()
사용 예제
아래 예제에서는 Map 객체에 네 개의 데이터를 저장한 뒤, keys()로 반복자를 생성하고 next() 메서드를 통해 각 키를 하나씩 화면에 출력합니다.
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var mapVar = new Map();
mapVar.set('1', 'Java');
mapVar.set('2', 'JavaFX');
mapVar.set('3', 'HBase');
mapVar.set('4', 'Neo4j');
var it = mapVar.keys();
for(i=0; i<mapVar.size; i++) {
document.write(it.next().value);
document.write(" <p> ");
}
</script>
</body>
</html>
실행 결과
맵에 저장된 키들이 삽입된 순서 그대로 출력됩니다.
1
2
3
4
추가 팁
keys()가 반환하는 반복자는 for...of 문이나 전개 연산자([...map.keys()])와 함께 활용하면 더욱 간결하게 키 목록을 배열로 변환하거나 순회할 수 있습니다. 이를 통해 맵 데이터를 필터링하거나 화면에 렌더링하는 작업을 손쉽게 처리할 수 있습니다.