ES6 Set, Set 데이터 구조 in JS

ES6에서 추가된 Set을 이용해 데이터 타입과 상관없이 유일한 데이터들로만 구성된 데이터 구조를 구현할 수 있습니다.

 

아래 코드로 확인하시죠 !

 

// Set: 어떤 타입의 데이터든 유일한 값을 저장
const set1 = new Set();

set1.add(100);
set1.add("A String");
set1.add({name: "jian"});
set1.add(true);
set1.add(function() {
  console.log("hello");
})

console.log(set1);

// 이미 있는 값을 또 저장할 경우
set1.add(100);

console.log(set1);  // 변함 없음 유일하게 존재할 수 있기 때문

// 다른 생성 방법
const set2 = new Set([1, true, "A String"]);
console.log(set2);

// set의 사이즈 체크
console.log(set1.size);

// 인자로 전달된 값이 존재하는지 체크
console.log(set1.has(true));

// 주의할 부분, reference type 데이터는 참조값이 같아야한다.
console.log(set1.has({name: "jian"}));  // false

// set의 데이터 제거
set1.delete(100);
console.log(set1);

// set의 반복
// for .. of 사용
for (let i of set1) {
  console.log(i);
}

// for each 사용
set1.forEach(i => {
  console.log(i);
})

// Array로 변환
const setArr = Array.from(set1);
console.log(setArr);