JavaScript - Set

KIMMY·2020년 6월 25일
7

javascript

목록 보기
3/9

출처: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Set

Set 객체는 JS의 표준내장객체 중 하나이다.

Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있다. 즉, 어떤 값은 그 Set 콜렉션 내에서 유일합니다.

  1. 기본
const set1 = new Set([1,2,3,4,5]);  // array 가능
var mySet = new Set();

mySet.add(1); // Set { 1 }
mySet.add(5); // Set { 1, 5 }
mySet.add(5); // Set { 1, 5 }
mySet.add('some text'); // Set { 1, 5, 'some text' }
var o = {a: 1, b: 2};
mySet.add(o);

mySet.add({a: 1, b: 2}); // o와 다른 객체를 참조하므로 괜찮음

  1. set과 객체
var myArr = Array.from(mySet); // [1, "some text", {"a": 1, "b": 2}]

// Set과 Array 사이 변환
mySet2 = new Set([1, 2, 3, 4]);
mySet2.size; // 4
[...mySet2]; // [1, 2, 3, 4]

var myArray = ['value1', 'value2', 'value3'];

// Array를 Set으로 변환하기 위해서는 정규 Set 생성자 사용
var mySet = new Set(myArray);

mySet.has('value1'); // true 반환

// set을 Array로 변환하기 위해 전개 연산자 사용함.
console.log([...mySet]); // myArray와 정확히 같은 배열을 보여줌

  1. set을 이용한 교집합 / 차집합 흉내내기
// 교집합은 다음으로 흉내(simulate)낼 수 있음
var intersection = new Set([...set1].filter(x => set2.has(x)));

// 차집합은 다음으로 흉내낼 수 있음
var difference = new Set([...set1].filter(x => !set2.has(x)));

  1. set.prototype 을 직접 만들어 사용하기

    (for of 또는 for in 은 권장하지 않는다는 글을 본 기억이 있다.)

Set.prototype.intersection = function(setB) {
    var intersection = new Set();
    for (var elem of setB) {
        if (this.has(elem)) {
            intersection.add(elem);
        }
    }
    return intersection;

  1. 기타 유용한 메소드
    .add(value)
    .delete(value)
    .clear(value) - 객체의 모든요소 제거
    .has(value) - boolean 반환
    .forEach(callbackFn[, thisArg]) - 삽입 순으로 Set 객체 내에 있는 각 값에 대해 한 번 callbackFn을 호출합니다. thisArg 매개변수가 forEach에 제공된 경우, 이는 각 콜백에 대해 this 값으로 사용됩니다.
profile
SO HUMAN

0개의 댓글