[JavaScript] new Set()과 has() 중복없는 데이터 관리

자바스크립트에서 중복되지 않는 값을 저장하고 싶을 때, 배열만 사용하면 불편할 때가 있습니다.

이럴때 Set 객체를 활용하면 간단하고 효율적으로 데이터를 관리할 수 있습니다. 

이번 글에서는 Set의 기본 사용법과 has()메서드에 대해 쉽게 정리해 보겠습니다.

📂 목차

 

---

🧩 new Set() 이란?

Set은 중복을 허용하지 않는 값들의 집합을 만들어주는 객체입니다.

const mySet = new Set([1,2,3,3,4]);
console.log(mySet);  //Set(4) {1,2,3,4}

위 예시처럼, 중복된 값 3은 하나만 저장됩니다.

 

📌 기본 문법

const setName = new Set(iterable); // 반복할수 있는 값(string, Array, Set, Map)

 

예시:

const usimArry = new Set(["4G", "5G"]);

 

🔍 has() 메서드

Set.has(값) 형태로 사용하며, 특정 값이 Set 안에 존재하는지 여부를 반환합니다.

usimArray.has("4G"); //true

usimArray.has("3G"); //false

 

💡 실전 예제

const usimArray = new Set(["4G", "5G"]);
const searchParams = {usimType: "5G"}; // ReactURL Params값을 예시

const usimTypeResult = usimArray.has(searchParams?.usimTiype);
console.log(usimTypeResult); //true

위 코드는 searchParams에 담긴 유심 타입이 "4G", 또는 "5G"중 하나인지 확인하는 예제입니다.

 

 

📝 정리

Set은 중복 없이 데이터를 관리할 수 있고, .has()로 빠르게 포함 여부를 체크할 수 있습니다. 활용 시 배열보다 훨 간결한 경우도 있습니다.

• new Set(): 중복되지 않는 값을 저장하는 객체 생성
• .hsa(): 특정 값이 Set 안에 존재하는지 확인