[자바스크립트 ] 2차원 배열 중복 제거하기

1차원 배열에서 중복을 제거하는 방법은 다양하다! 

set, filter, reduce 등 상황에 따라서 다양하게 쓸 수 있는데, 프로젝트를 하다가 배열 중복 제거 할 일이 있었는데, 아무리 이 메소드를 사용해도 해결이 안되는것이다!! ㅠㅠ 

 

1차원 배열하듯이 하면 될 것이라고 생각했는데, 웬걸?!?

아니 set, filter, indexOf 등 메소드를 사용하면 해결할 수 있다. 단지 1차원 배열보다 살짝 코드가 복잡해질 뿐이다. 

 

 

계속 set으로 시도했었는데....ㅠㅠ....내 시간 ... ㅎ.....

우선, 2차원 배열을 1차원 배열로 만들어줘야한다. 

 

let a = [
  [1, 2],
  [3, 4],
  [5, 6],
  [3, 4],
];

function arr(_arr) {
  return [...new Set(_arr.join("|").split("|"))]
    .map((v) => v.split(","))
    .map((v) => v.map((a) => +a));
}

let uniqueArr = arr(a);

 

◾ join을 사용해서 배열을 문자열로 바꿔줍니다. 

◾ split를 사용해서 만들어진 하나의 문자열을 다시 나눕니다

◾ set으로 나뉘어진 문자열의 중복적인 부분을 제거합니다

◾ map을 사용해서 ',' 를 중심으로 문자열을 나누고 배열로 변환해서 반환합니다. 

◾ + (plus) 산술연산자를 더해서 문자를 숫자로 변환해줍니다. 

 

 

 

 

 

 

 

학습자료 출처

◾ https://intrepidgeeks.com/tutorial/deduplication-of-javascript-array-and-twodimensional-array