[🍦] 배열 메소드 (2) - find

find 메소드

 

find의 뜻은 대부분이 알고 있듯 '찾다'

단어의 뜻 그대로 데이터 하나를 찾기 위한 메소드이다.

 

📍기본 형식

데이터 하나를 찾기 위해서는 조건이 필요하다.

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

요소 하나 혹은 객체 하나가 출력된다.

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

 

 

예시

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

const 삼보다큰수하나 = numbers.find((number) => {
	return number > 3
});

console.log(삼보다큰수하나); // 4

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

const 상품하나 = products.find((product) => {
  return product.좋아요수 > 100000;
});
console.log(상품하나);

 

 

📍연습 하기

 

문제 1. 

find 메소드를 이용하여 영화 제목(title)이 오펜하이머인 영화를 하나 찾아 콘솔에 출력해보세요.

const movies = [
  {
    title: "오펜하이머",
    year: 2014,
    rating: 8.8,
  },
  {
    title: "인셉션",
    year: 2010,
    rating: 8.8,
  },
];

정답

const 오펜하이머 = movies.find((movie) => {
  return movie.title === "오펜하이머";
});
console.log(오펜하이머);

 

문제 2.

find 메소드를 이용하여 평점(rating)이 8점 이상인 영화를 하나 찾아 콘솔에 출력해보세요.

const movies = [
  {
    title: "오펜하이머",
    year: 2014,
    rating: 8.8,
  },
  {
    title: "인셉션",
    year: 2010,
    rating: 8.8,
  },
];

정답

두 영화 모두 8점 이상이지만 가장 먼저 찾은 하나만 출력된다.

const 평점팔점이상 = movies.find((movie) => {
  return movie.rating >= 8;
});
console.log(평점팔점이상);