JavaScript Set.clear() 메서드 완벽 가이드 – Set 객체의 모든 요소 한 번에 삭제하기

Set.clear()는 JavaScript의 Set 객체에서 제공하는 내장 메서드로, 현재 Set 객체에 저장된 모든 요소를 한 번에 삭제합니다. 호출 후에는 해당 Set 객체가 비어 있게 되며, 반환값은 없습니다(undefined).

기본 문법

clear() 메서드의 사용 방법은 매우 간단하며, 별도의 인자를 받지 않습니다.

setObj.clear()

동작 방식

clear()를 호출하면 다음과 같은 일이 발생합니다.

Set 객체에 포함된 모든 요소가 즉시 제거됩니다.
Set 객체 자체는 그대로 유지되며, 이후 새로운 요소를 계속 추가할 수 있습니다.
반환값은 undefined입니다.

사용 예제

아래 예제에서는 Set 객체에 여러 요소를 추가한 뒤, clear() 메서드를 호출하여 모든 요소를 삭제하는 과정을 보여줍니다.

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        const setObj = new Set();
        setObj.add('Java');
        setObj.add('JavaFX');
        setObj.add('JavaScript');
        setObj.add('HBase');
        
        // Set 객체의 모든 요소 삭제
        setObj.clear();
        
        document.write("Contents of the Set:");
        for (let item of setObj) {
            document.write(item);
            document.write("<br>");
        }
    </script>
</body>
</html>

실행 결과

clear() 메서드가 실행된 후 Set 객체가 비어 있으므로, 반복문에서 출력되는 항목은 하나도 없습니다.

Contents of the Set:

참고 사항

특정 요소만 삭제하고 싶다면 clear() 대신 delete() 메서드를 사용하는 것이 좋습니다. 또한, 삭제 후 요소 개수를 확인할 때는 size 프로퍼티를 활용할 수 있습니다.