🤔 filter 란?

filter(predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): T[];

filter() 메서드는 주어진 배열의 일부에 대한 얕은 복사본을 생성하고, 주어진 배열에서 제공된 함수에 의해 구현된 테스트를 통과한 요소로만 필터링하는 메서드이다.

최대 3개의 인수를 받아들일 수 있고, array 자체를 인자로 받아올 수 있다.
이런 설명으로 이해하기에는 너무 어렵다.😅

간단하게 풀어 얘기하자면,

자바스크립트에서 filter 는 배열에 사용되며, 주어진 함수를 만족하는 모든 요소를 모아 새로운 배열로 반환한다.

간단한 문제를 예시로 풀어보자.

Quiz1

const words = ['Liam', 'Noah', 'Oliver', 'Elijah', 'Charlotte', 'Amelia'];

const result = words.filter((word) => word.length > 5);

console.log(result);

words라는 배열에 이름들이 주어졌을 때,
배열 안의 이름들 중 문자의 길이가 5이상 되는 이름만 추출한다.

Quiz1 🤍 정답

// ["Oliver", "Elijah", "Charlotte", "Amelia"]

---

Quiz2

const animal = [
{ name: '🐈', feature: '귀여움' },
{ name: '🐅', feature: '무서움' },
{ name: '🐕', feature: '귀여움' }
]
const result = animal.filter((item) => item.feature === '귀여움');
console.log(result)

객체는 . 을 이용해 접근을 할 수 있다.
배열 안에 있는 객체에서 '귀여움' 특성을 가지고 있는 것만 추출한다.

Quiz2 🤍 정답

output : [
{ name: "🐈", feature: "귀여움" }, 
{ name: "🐕", feature: "귀여움" }
]