배열에서 중복 제거

1. Set를 이용하여 중복 제거
2. filter()를 이용하여 중복 제거

1. Set

Set - JavaScript | MDN

Set은 중복이 허용되지 않는 객체이다. 안에 이미 같은 값이 존재한다면 추가되지 않는다. 그래서 중복값을 허용하지 않아야 한다면 Set을 이용하면 된다.

 

아래와 같은 방식으로 Set을 만든다. 값은 배열값이 들어가면 된다.

let x = new Set();

let arr = [0, 1, 2, 3, 0]
console.log([...new Set(arr)])   // [0, 1, 2, 3]

 

2. fliter

filter를 활용한 중복제거는 indexOf 메소드와 함께 사용하는데 이때 indexOf란 배열 안에서 찾고 있는 값의 최초 인덱스를 반환한다.

Array.prototype.filter() - JavaScript | MDN

arr.filter(callback(element[, index[, array]])[, thisArg])

⏺ callback : 각 요소를 시험할 함수. true를 반환하면 요소를 유지하고, false를 반환하면 버린다.
다음 세 가지 매개변수를 받는다.
⏺ element : 처리할 현재 요소
⏺ index (optional) : 처리할 현재 요소의 인덱스
⏺ array (optional) : filter를 호출할 배열
⏺ thisArg (optional) : callback을 실행할 때 this로 사용하는 값

 

이 때 index에서 사용할 처리할 현재 요소의 인덱스를 indexOf 메소드를 활용해서 알아낼 수 있다.

String.prototype.indexOf() - JavaScript | MDN

let arr = [0, 1, 2, 3, 0]
let filter = arr.filter((e,i)=>arr.indexOf(e) == i);
console.log(filter); //[0, 1, 2, 3]

 

 

 

 

*응용 문제

프로그래머스