[JavaScript] Set : Array 중복 값 제거 하기 좋은 신문법

#0. Set

- ES6에서 추가된 자료형

- 중복값을 허용하지 않는다.

- array 자료형과 비슷한 모양이지만, 약간은 다른 모양이다.

  1) {}로 데이터를 감싼다.

  2) 중복값을 허용하지 않는다.

- 중복값을 허용하지 않는단 점에서 아주 요긴하게 사용할 수 있다. -> array에 있는 중복값을 제거하고 싶을때 set 사용하면 왕간단, 신세계

- 자료형이니까 보통 자료형처럼 아래와 같은 형식으로 쓴다.

 

#1. set 사용법

- 기본형식

- 다음과 같은 형식으로 사용하고, 

var 변수명  = new Set(어레이);

 

- 적용예시

- 이제 어떻게 array에 적용해 중복값을 제거할지 감이 오시져?

var student = new Set(['김','이','박','박','창','구','구']);
// 실행결과 >> Set(5) {'김', '이', '박', '창', '구'}
// 중복값은 제거된 채 출력된다!

 

#2. array 중복값 제거하기

1. Set() 안에 중복값을 제거해주고 싶은 array를 넣어준다.

- 중복값은 제거되었으나, array와 생김새가 다르다. {}로 감싸져 있음.

 

var array = ['김','이','박','박','창','구','구'];

var student = new Set(array);
// 실행결과 >> Set(5) {'김', '이', '박', '창', '구'}

 

2. student = [...stuednt] 로 대입!

- 괄호가 다르니, {}를 없애고, []로 감싸주면 된다.

1) 그럼 괄호를 없애주자 --> ... spread operator 사용!

2) []로 감싸주자

 

* ... spread operator 가 뭔지 궁금하다면.. 아래글 참조하기

https://isfpp.tistory.com/129

var array = ['김','이','박','박','창','구','구'];

var student = new Set(array);
student = [...student]

// 실행 결과 >> (5) ['김', '이', '박', '창', '구']

- 멋진 중복제거 어레이 탄생! 이렇게 간단하게도 array안에 중복을 제거할수 있다!