[자바스크립트] Collection - Set

저번에 Map에 이어서 이번에는 Set에 대해 정리해보려고 합니다.

 

Set 이란?
Set 은 중복되지 않는 값들의 집합입니다.

1.  Set 생성, 추가, 삭제  😁

/**
 * 생성
 * 
 * Set은 Set 생성자 함수로 생성합니다
 */
const set = new Set();

/**
 * set 데이터 추가
 * set 객체는 데이터를 추가할 때 Set.prototype.add 메서드를 사용
 */

const set = new Set();

set.add(`javascript`);
set.add(`검색엔진`);
set.add(`node`)

/**
 * 잠깐! set은 중복된 값 추가를 허용하지 않음!
 */

set.add(`node`)
set.add(`중복 x`)

console.log(set) // Set(4) { `javascript`, `검색엔진`, `node`, `중복 x` }

/**
 * 삭제
 * Set 객체의 값을 삭제하려면 아래와 같은 메서드를 사용! 
 * Set.prototype.delete
 * Set.prototype.clear -> Map 과 쓰는 방식은 동일!
 */

// set 선언
const set = new Set([`javascript`, `검색엔진`, `node`]);

set.delete(`검색엔진`)
console.log(set); // { `javascript`, `node` }

set.clear();
console.log(set); // {}

Map과 동일하게 Set의 선언, 생성, 삭제에 대해 알아봤다면... Set 반복문에 대해 알아보겠습니다

 

2. Set 반복문 😁

/**
 * Set 반복문!
 */

const set = new Set([`apple`, `cherry`, `watermelon`]);

// set 값 순회
set.forEach((val, val2, set) => {
 console.log(val, val2, set);
});
// apple apple Set(3) { `apple`, `cherry`, `watermelon` }
// cherry cherry Set(3) { `apple`, `cherry`, `watermelon` }
// watermelon watermelon Set(3) { `apple`, `cherry`, `watermelon` }

for (const val of set) {
 console.log(val);
}
// apple
// cherry
// watermelon

오늘까지 간단하게 알아보는 컬렉션 Set, Map이었습니다 ~