[자바스크립트] 중복 요소를 제외하고 배열 합쳐주기 (Set() 사용법)

Set()

자바스크립트의 자료형 중 하나로 중복되지 않는 값을 가지는 리스트

Set 선언하기

new Set(중복되지 않는 데이터)

set을 사용해서 중복 요소를 제외하고 배열 합쳐주기

배열 앞에 있는 ...은 스프레드 오퍼레이터로 배열 안에 있는 요소들을 모두 꺼내주는 연산자

전개연산자(spread operator)에 더 자세히 알고 싶다면 👉  [자바스크립트] 스프레드 오퍼레이터(spread operator) 사용법

const array1 = [0, 1, 2, 3];
const array2 = [3, 4, 5];
const merge = [...new Set([...array1, ...array2])];

console.log(merge);
// [0, 1, 2, 3, 4, 5]

코드해석

1. merge라는 변수에 array1, array2의 요소들를 전부꺼내서 빈배열에 넣어준다
2. 그러면 빈배열 안에는 array1의 요소 0, 1, 2, 3과 array2의 요소 3, 4, 5가 있을 것이다
3. 하지만 이 배열은 중복되지 않는 값을 가지는 리스트인 Set()으로 묶여 있으므로 배열안에 중복된 요소 3을 빼준다
4. 결과적으로 변수 merge에는 배열 [0, 1, 2, 3, 4, 5]가 할당되었다

 

---

 

Reference

• [스파르타코딩클럽] 리액트 기초반: 자바스크립트 기초(3)