Map 객체의 delete() 메서드는 맵에 저장된 요소 중 지정한 키에 해당하는 항목을 현재 Map 객체에서 삭제합니다. 이 메서드는 지정한 키가 맵 안에 존재하여 삭제에 성공하면 true를, 존재하지 않으면 false를 반환합니다.
delete() 메서드는 문자열뿐 아니라 숫자, 객체 등 자바스크립트에서 허용되는 모든 타입의 키를 사용할 수 있습니다. 또한 존재하지 않는 키를 삭제해도 오류가 발생하지 않고 단순히 false를 반환하기 때문에 별도의 예외 처리 없이 안전하게 사용할 수 있다는 장점이 있습니다.
문법
mapVar.delete(key)
key 매개변수에는 Map 객체에서 제거하려는 요소의 키를 전달합니다.
예제 1: 특정 요소 삭제하기
다음 예제는 네 개의 요소를 가진 Map 객체에서 키가 '4'인 요소를 삭제한 뒤, 남은 요소의 개수를 출력합니다.
<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');
mapVar.delete('4');
document.write("맵 객체의 크기: " + mapVar.size);
</script>
</body>
</html>
출력 결과
맵 객체의 크기: 3
처음에 4개였던 요소 중 키 '4'를 가진 요소가 삭제되었기 때문에 맵의 크기가 3으로 줄어든 것을 확인할 수 있습니다.
예제 2: 반환값 확인하기
이번에는 delete() 메서드의 반환값을 직접 출력해 보겠습니다. 존재하는 키와 존재하지 않는 키를 각각 삭제해 보면서 반환값의 차이를 비교합니다.
<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 result = mapVar.delete('4');
document.write(result);
document.write("<br>");
document.write("맵 객체의 크기: " + mapVar.size);
document.write("<br>");
var result = mapVar.delete('5');
document.write(result);
document.write("<br>");
document.write("맵 객체의 크기: " + mapVar.size);
</script>
</body>
</html>
출력 결과
true 맵 객체의 크기: 3 false 맵 객체의 크기: 3
맵에 존재하는 키 '4'를 삭제했을 때는 true가 반환되었지만, 맵에 없는 키 '5'를 삭제하려 했을 때는 false가 반환되었습니다. 이처럼 delete() 메서드의 반환값을 활용하면 삭제 작업의 성공 여부를 손쉽게 판단할 수 있습니다.
참고: 함께 알아두면 좋은 Map 메서드
Map 객체에는 delete() 외에도 다양한 유용한 메서드가 있습니다. set()은 새로운 요소를 추가하거나 기존 요소를 수정하고, get()은 키에 해당하는 값을 조회하며, has()는 특정 키의 존재 여부를 확인합니다. 또한 clear()는 맵의 모든 요소를 한 번에 삭제하고, size 속성으로 현재 저장된 요소의 개수를 확인할 수 있습니다.