[TIL] Set

✨  Set

 - set 객체는 중복되지 않는 유일한 값들의 집합

 - 배열과 유사하지만

   1) 동일한 값 중복 X

   2) 요소 순서에 의미 없음.

   3) 인덱스 접근 불가

 - 수학적 집합을 구현하기 위한 자료구조

 - 교집합, 차집합, 여집합, 등을 구현할 수 있다.

 

 

1. Set 생성

 - Set 생성자 함수로 생성한다.

 

const set = new Set();

 

 - Set 생성자 함수는 이터러블을 인수로 전달받아 Set 객체를 생성한다.

 - 중복된 값은 요소로 저장되지 않는다.

 - 배열에서 중복된 요소를 제거할 수 있다.

 

const newArr = arr => [new Set(arr)];
console.log(newArr([2, 1, 2, 3, 4, 3, 4]));	// [2, 1, 3, 4]

 

 

2. 요소 개수 확인

 - size 프로퍼티 사용한다.

 - size 프로퍼티는 setter 함수 없이 getter만 존재하는 접근자 프로퍼티 -> 숫자를 할당하여 Set 객체의 요소 개수를 변경할 수 없다.

 

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

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

console.log(Object.getOwnPropertyDescriptor(Set.prototype, 'size'));

set.size = 10;	// 무시된다.
console.log(set.size);	// 3

 

 

3. 요소 추가

 - Set.prototype.add 사용한다.

 

const set = new Set();
console.log(set); // Set(0) {}

set.add(1);
console.log(set);	// Set(1) {1}

 

 - add 메서드 호출한 후에 add 메서드를 연속적으로 호출할 수 있다.

 

const set = new Set();

set.add(1).add(2);
console.log(set);	// Set(2) {1, 2}

 

 - 중복된 요소 추가는 허용되지 않는다.

 

const set = new Set();

set.add(1).add(2).add(2);
console.log(set);	// Set(2) {1, 2}

 

 - 일치 비교 연산자 === 사용하면 NaN과 NaN을 다르다고 평가하지만, Set 객체는 같다고 평가하여 중복 추가 허용하지 않는다.

 - +0, -0도 마찬가지.

 - Set 객체는 객체나 배열 같이 자바스크립트의 모든 값을 요소로 저장할 수 있다.

 

 

4. 요소 존재 여부 확인

 - Set.prototype.has 메서드 사용한다.

 - 특정 요소의 존재 여부를 나타내는 불리언 값을 반환한다. 

 

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

console.log(set.has(2));	// true
console.log(set.has(4));	// false

 

 

 

5. 요소 삭제

 - Set.prototype.delete 메서드 사용한다.

 - 삭제 성공 여부를 나타내는 불리언 값을 반환한다.

 - 인덱스가 아닌 삭제하려는 요소 값을 인수로 전달해야한다. -> 배열과 같이 인덱스를 갖지 않는다.

 - 존재하지 않는 객체의 요소를 삭제하려 하면 에러 없이 무시된다.

 - Set.prototype.add 메서드와 달리 연속적으로 호출할 수 없다.

 

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

set.delete(2);
console.log(set);	// Set(2) {1, 3}

 

5-1. 요소 일괄 삭제

 - Set.prototype.clear 메서드 사용한다.

 - 언제나 undefined 반환한다.

 

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

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

 

 

 

6. 요소 순회

 - Set.prototype.forEach 메서드 사용한다.

 - Array.prototype.forEach 메서드와 유사하게 콜백 함수와 forEach 메서드의 콜백 함수 내부에서 this로 사용될 객체를 인수로 전달한다.

 

   1) 첫번째 인수: 현재 순회 중인 요소 값

   2) 두번째 인수: 현재 순회 중인 요소 값

   3) 세번째 인수: 현재 순회중인 Set 객체 자체

 

 - 배열과 달리 Set 객체는 순서에 의미가 없어 인덱스를 갖지 않는다.

 

const set = new Set([1, 2, 3]);
set.forEach((v, v2, set) => console.log(v, v2, set));
/*
	1 1 Set(3) {1, 2, 3}
	2 2 Set(3) {1, 2, 3}
    	3 3 Set(3) {1, 2, 3}
*/

 

 

 

모든 예제와 개념들은 '모던 자바스크립트 deep dive - 이웅모 저' 책에서 참고했습니다.
참고자료: 모던자바스크립트 deep dive - 이웅모 저, pp. 643 ~ 659