중복요소 제거방법을 알아보자

중복요소 제거방법 3가지 🙋‍♂️

1. Set
2. indexOf 와 filter 이용
3. forEach 와 includes 이용

( 위 3가지 방법말고도 다양한 방법이 있을 수 있다! )

 

Set

const test = [1, 2, 3, 3, 3];

const setTest = new Set(test);

const setTest2 = [...setTest];

console.log(setTest); //Set = {1,2,3}
console.log(setTest2); // [1,2,3];

• 중복값이 있는 배열을 Set 객체로 만든 후 스프레드연산자(...)를 이용해 배열에 전개해준다.
• Set 객체를 배열로 변환할때 스프레드 연산자말고 Array.from() 로도 가능하다.

indexOf, filter

const test = [1, 2, 3, 3, 3];

const filterTest = test.filter((item, idx) => {
  return test.indexOf(item) === idx;
});

console.log(filterTest); // [1,2,3]

• indexOf는 해당하는 첫번 째 index를 찾으면 곧바로 그 index값을 리턴합니다. 즉 3이라는 숫자가 나오면 그 index값을 리턴하게되고 다음 item인 3이 나오게 되면 index가 indexOf와 같지 않기에 false를 보이고 필터로 걸러지게 됩니다.

forEach, includes

const test = [1, 2, 3, 3, 3];
let testarr = [];

const forTest = test.forEach((element) => {
  if (!testarr.includes(element)) {
    testarr.push(element);
  }
});

console.log(testarr); // [1,2,3]

• for Each문을 돌며 testarr 빈배열에 해당하는 요소가 있는지 확인하고 not 연산자를 이용해 "해당하는 element가 없다면" push해 줍니다. 그럼 두번째 3이 나왔을때 true를 반환하지만 not연산자로 인해 false로 변경되어 if문안에 코드는 실행되지 않습니다.

 

Point .

1. 이 위에 3가지 방법을 제외하고도 많은 방법이 있다.
2. 중복제거 뿐만 아니라 코드를 작성할 때 효율과 가독성을 고려해서 작성하도록 노력하자.( 위 3가지 방법 중 Set객체를 이용한 방법이 제일 가독성에서도 시간복잡도 기준으로 봤을 때 효율면에서도 훌륭해 보인다.👍👍)