[🍦] 배열 메소드(3) - filter

filter 메소드

 

filter 메소드는 조건에 맞는 데이터를 모두 찾을 때 사용한다.

 

📍기본 형식

find와 마찬가지로 찾으려면 조건이 필요하다.

return은 필수이고 return 뒤에 조건을 작성한다.

조건에 맞는 데이터의 개수에 상관없이 배열로 출력된다.

배열.filter((배열내의_요소) => {
	return 조건
})

 

 

예시

const numbers = [1, 2, 3, 4, 5];

const 삼보다큰수들 = numbers.filter((number) => {
  return number > 4;
});

console.log(삼보다큰수들); // [4, 5]

const products = [
  {
    브랜드: "수아레",
    상품명: "케이블 카라 반팔 니트 - 6 Color",
    가격: 39900,
    평점: 5,
    후기개수: 2997,
    좋아요수: 31352,
  },
  {
    브랜드: "커버낫",
    상품명: "에센셜 어쩌고",
    가격: 34300,
    평점: 5,
    후기개수: 45021,
    좋아요수: 156057,
  },
];

const 상품들 = products.filter((product) => {
  return product.좋아요수 > 100000;
});

console.log(상품들);
/*
조건에 맞는 데이터가 하나더라도 여전히 배열이 출력됩니다.
	[
	    {
	        "브랜드": "커버낫",
	        "상품명": "에센셜 어쩌고",
	        "가격": 34300,
	        "평점": 5,
	        "후기개수": 45021,
	        "좋아요수": 156057
	    }
	]
*/

 

 

 

📍연습 문제

 

문제 1.

아래 데이터에서 2020년 이후에 개봉된 영화들을 필터링해보세요.

const movies = [
  {
    title: "오펜하이머",
    year: 2014,
    rating: 8.53,
  },
  {
    title: "인셉션",
    year: 2010,
    rating: 9.47,
  },
  {
    title: "범죄도시",
    year: 2024,
    rating: 7.52,
  },
  {
    title: "베테랑2",
    year: 2024,
    rating: 6.61,
  },
];

정답

const recentMovies = movies.filter((movie) => {
  return movie.year >= 2020;
});

console.log(recentMovies);