[JS] Filter

Filter는 JavaScript의 배열 메소드로

특정 조건을 만족하는 배열을 생성합니다.

이때 기존 배열은 변경되지 않고 새로운 배열이 만들어지게 됩니다.

사용법을 살펴보겠습니다.

 

array.filter(callback(element, index, array), thisArg)

 

 

• callback: 각 요소에 대해 실행할 함수입니다. 이 함수는 다음 3가지 매개변수를 가질 수 있습니다:
  • element: 현재 처리 중인 배열 요소
  • index (선택 사항): 현재 요소의 인덱스
  • array (선택 사항): filter가 호출된 원래 배열
• thisArg (선택 사항): callback 함수에서 사용될 this 값.

 

반환값

• 조건을 만족하는 배열 요소들로 이루어진 새로운 배열.

 

const cards = [

    { id: 1, number: 'A' },

    { id: 2, number: 'B' },

    { id: 3, number: 'C' }

  ];

 

  const selectedCard = 'B';

  const updatedCards = cards.filter(card => card.number !== selectedCard);

 

  console.log(updatedCards);

  // [

  //   { id: 1, number: 'A' },

  //   { id: 3, number: 'C' }

  //

 

예제를 살펴봅시다

cards라는 배열에 id와 number값이 지정되있는 요소들이 있습니다.

그리고 selectedCard는 B라는 선택된 카드의 number가 들어있습니다.

updatedCards라는 변수에 cards배열에 filter함수를 적용할건데

이때 조건을 보시면

 

  const updatedCards = cards.filter(card => card.number !== selectedCard);

 

cards라는 배열의 요소에 

card라는 요소의 number가

selectedCard인 'B'가 아니라면

updatedCards라는 배열에 새로 생성된 배열을 넣습니다.