자바스크립트 배열과 비슷한 Set 내부의 값을 삭제하기 위해 delete 메서드를 사용할 수 있다. Set 내부에 중복된 값이 존재해도 삭제가 가능하며, 중복된 모든 값이 대상이 된다. 중복된 값 또는 삭제할 필요가 있는 경우 특정 값이 있는지 확인해 보는 것도 중요하다.
자바스크립트 Set 값 삭제하기
deleting javascript Set value
자바스크립트 배열과 비슷한 데이터집합인 Set 는 그 내부의 값을 제거할 수 있다.
delete 메서드를 사용하여 그 값을 삭제할 수 있는데 삭제될 값은 정확히 작성해 주어야 한다.
Set 의 특성은 Set 내부에 중복된 값을 제거하고 하나만 표시를 하는 특성이 있다.
만약, Set 내부의 혼재된 값 중 중복된 값을 삭제하려고 하면 모든 중복된 값은 삭제된다.
그렇기에 삭제 전에 특정 값이 존재하는지 확인해 볼 필요가 있다.
Set 값 삭제하기 delete() 메서드
Set 에 있는 여러 값들 중 필요없는 값을 삭제하기 위해 delete() 메서드를 사용하면 되며 삭제할 값을 지정해 주면 그만이다.
굳이 반복을 사용하지 않더라도 메서드에 값만 정확히 기재하면 값은 삭제된다.
Set 의 특성은 내부에 중복된 동일한 값이 여럿 존재할 수 있는데 출력시 중복된 값은 제거되며 하나의 값으로 출력한다.
삭제시에는 중복된 모든 값이 삭제된다.
Set.delete(값)샘플코드
delete 메서스를 이용하여 Set 내부의 값을 삭제하는 자바스크립트 예제를 만들어 본다.
Set을 생성하여 만들고 특성을 보기 위해 중복되는 값을 넣어보도록 한다.
이후 delete 메서드를 이용하여 중복값을 삭제하도록 한다.
코드를 보자.
<!DOCTYPE html>
<html>
<body>
<script>
let _loop = 0;
console.log('----------');
const colSet1 = new Set(["다우산업", "나스닥", "나스닥", "홍콩H", "상해종합", "니케이225"]);
colSet1.delete("나스닥");
console.log("갯수", colSet1.size);
for ( let lpEach of colSet1 ) {
console.log(lpEach);
}
console.log('----------');
const colSet2 = new Set();
colSet2.add("코스피");
colSet2.add("코스닥");
colSet2.add("코스닥");
colSet2.add("코넥스");
colSet2.delete("코스닥");
console.log("갯수", colSet2.size);
for ( let lpEach of colSet2 ) {
console.log(lpEach);
}
console.log('----------');
</script>
</body>
</html>코드는 길지만 중간에 있는 delete 메서드만 보도록 한다.
자바스크립트 Set을 이용하여 데이터집합을 만들고 상태를 보기 위해 중복되는 값 또한 추가하였다.
이후 중복된 값을 삭제하고 반복문으로 출력하도록 하였다.
결과화면을 보자.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 Set 반복 가능 객체 확인 Checking javascript iterator Set Values method (0) | 2022.06.14 |
|---|---|
| 자바스크립트 Set 반복문 2가지 사용 방법 using javascript set for statement (0) | 2022.06.10 |
| 자바스크립트 세트 Set 값 추가하기 using add method in javascript Set (0) | 2022.06.05 |
| 자바스크립트 set 세트 만들고 출력하기 creating javascript set (0) | 2022.06.01 |
| 자바스크립트 Set Map 데이터의 for of 반복 using for of loop of Set and Map (0) | 2022.05.30 |
댓글