Map 은 key-value 쌍인 자바스크립트 객체이며, 집합데이터이다. Map 내부의 데이터를 삭제하기 위해 사용되는 메서드는 delete() 메서드를 사용하고 인자값으로 Map 데이터에 존재하는 key를 사용한다.
자바스크립트 Map 요소 값 삭제하기
Removing value at Map
반복 가능한 객체인 자바스크립트 Map 은 키와 값의 쌍으로 이루어져 있다.
Map 객체를 생성하면서 데이터를 추가할 수도 있고, 객체 생성 후 Set() 메서드를 사용하여 값을 추가할 수 있다.
생성된 Map 객체의 많은 데이터들 중 선별적으로 삭제가 가능하다.
delete() 메서드를 사용하여 데이터를 삭제할 수 있는데, 삭제되는 기준은 key 를 기준으로 한다.
값 삭제하기 delete 메서드
Map에 쌓여있는데 데이터에서 필요없는 데이터가 있다면 삭제할 수 있다.
Map 객체에 있는 데이터를 삭제할 때는 key 를 기준으로 데이터를 삭제할 수 있다.
아래는 delete() 메서드를 사용하여 데이터를 삭제하는 방법을 보여준다.
Map.delete("key")샘플코드
Map 객체에 들어있는 데이터를 delete() 메서드로 삭제하는 자바스크립트를 만들어 본다.
delete() 메서드는 Map 의 데이터를 삭제하고 인자값으로 key 를 사용한다.
코드를 보자.
코드의 길이가 길지만 delete() 메서드 부분만 보면 된다.
<!DOCTYPE html>
<html>
<body>
<script>
const colMap = new Map();
colMap.set("car", "현대자동차");
colMap.set("model", "아반떼");
colMap.set("displacement", "1600");
colMap.set("efficiency", "13");
colMap.delete("efficiency");
console.log(colMap.size);
console.log(colMap);
console.log('----------');
for ( let lpEach of colMap ) {
console.log(lpEach);
}
console.log('----------');
colMap.forEach (function(value, key) {
console.log(key, value);
});
console.log('----------');
</script>
</body>
</html>키와 값으로 이루어진 데이터의 집합인 Map 의 데이터를 삭제하는 메서드는 delete() 이다.
delete() 메서드 사용시 인자값은 key 를 사용하여 데이터를 삭제하라 수 있다.
결과 화면을 보자.
반응형
'programming > javascript' 카테고리의 다른 글
| jquery ajax 순차적 동기 처리 async false 메서드의 실행이 완료될 때까지 기다린다. (0) | 2022.12.13 |
|---|---|
| 웹사이트 로딩바 만들기 로딩화면으로 기다림 방지 (0) | 2022.11.03 |
| 자바스크립트 Map 값 추가하기 adding value at Map (0) | 2022.06.20 |
| 자바스크립트 Map 사용하기 키와 값을 쌍으로 가진 데이터 타입 using javascript Map Data Object (0) | 2022.06.17 |
| 자바스크립트 Set 반복 가능 객체 확인 Checking javascript iterator Set Values method (0) | 2022.06.14 |
댓글