[JavaScript] ES6 Set 탐색

💭 서론

프로그래머스 코테 푸는 도중 중복되지 않는 값을 이용해야 하는 문제가 있어서 Set을 사용했다. for..of문도 함께 정리하는 게 좋을 것 같아 포스팅한다.

🔍 Set 객체

• 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장
• NaN과 undefined도 Set에 저장 가능

예시 코드

// case 1
var set1 = new Set();
set1.add(1);	// Set {1}
set1.add(5);	// Set {1,5}
set1.add(5);	// Set {1,5}

// case 2 
let arr = [1,2,3,3];
const set2 = [...new Set(arr)];	// array to Set 

🔍 for...of 문

• 반복가능한 객체 (Array, Map (en-US), Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성
  
  

구문

// variable: 각 반복에 서로 다른 속성값이 variable에 할당된다.
// iterable : 반복되는 열거가능(enumerable)한 속성이 있는 객체.

for (variable of iterable) {	
	statement
}

예시 코드

let set = new Set([0, 1, 2, 3]);

for (let key of set.keys()) {
    console.log(key); // 0, 1, 2, 3
}

for (let value of set.values()) {
    console.log(value); // 0, 1, 2, 3
}

for (let data of set) {// mineSet mineSet.entries()와 동일
    console.log(data); // 0, 1, 2, 3
}

출처
https://mine-it-record.tistory.com/474
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...of
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Set