JavaScript의 Set 객체에서 제공하는 add() 메서드는 인수로 전달된 값을 현재 Set 객체에 추가하는 함수입니다. Set은 중복을 허용하지 않는 자료구조이므로, 이미 존재하는 값을 다시 추가하려고 하면 해당 값은 무시됩니다.
문법(Syntax)
add() 메서드의 기본 문법은 다음과 같습니다.
setObj.add(value)
여기서 value는 Set에 추가하려는 값으로, 원시 타입(숫자, 문자열 등)뿐만 아니라 객체도 전달할 수 있습니다.
반환값
add() 메서드는 값이 추가된 Set 객체 자신을 반환합니다. 이 특성 덕분에 메서드 체이닝(method chaining)을 활용해 여러 값을 연속적으로 추가할 수 있습니다.
const setObj = new Set();
setObj.add('Java').add('JavaFX').add('JavaScript');예제
다음 예제에서는 add() 메서드를 사용해 여러 개의 값을 Set에 추가한 후, for...of 반복문을 통해 저장된 모든 요소를 화면에 출력합니다.
<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');
document.write("Set의 내용:");
document.write("<br>");
for (let item of setObj) {
document.write(item);
document.write("<br>");
}
</script>
</body>
</html>실행 결과(Output)
Set의 내용: Java JavaFX JavaScript HBase
정리
add() 메서드는 Set에 새로운 값을 추가할 때 사용되며, 중복된 값은 자동으로 무시됩니다. 또한 반환값으로 Set 객체 자신을 돌려주기 때문에 체이닝 방식으로 간결하게 코드를 작성할 수 있다는 점도 기억해 두면 유용합니다.