배열 메서드: forEach, map, filter, find

이번 수업에서는 배열 내 요소들을 반복할 때 사용하는 forEach, map, filter, find 4가지 메서드를 소개하겠습니다.

forEach

forEach는 배열의 각 항목에 대해 인자로 주어진 함수를 실행합니다.

예를 들어 forEach를 사용하면 배열에 있는 모든 항목을 순차적으로 출력할 수 있습니다.

forEach 사용 예제
const fruits = ['사과', '바나나', '체리'];

fruits.forEach(function (fruit) {
  console.log(fruit);
});

map은 배열의 각 항목에 인자로 주어진 함수를 적용하고 그 결과로 새 배열을 만듭니다.

예를 들어 map을 사용하면 배열의 모든 숫자를 2배로 만들 수 있습니다.

map 사용 예제
const numbers = [1, 2, 3, 4];

const doubled = numbers.map(function (num) {
  return num * 2;
});

console.log(doubled); // [2, 4, 6, 8]

filter는 배열 항목 중에서 조건에 맞는 항목만 골라 새 배열을 만듭니다.

예를 들어 아래와 같이 filter를 사용해 짝수만 골라낼 수 있습니다.

filter 사용 예제
const numbers = [1, 2, 3, 4];

const evens = numbers.filter(function (num) {
  return num % 2 === 0;
});

console.log(evens); // [2, 4]

find는 배열에서 조건에 맞는 첫 번째 항목을 찾아 반환합니다.

이 때, 조건에 맞는 항목이 없으면 undefined를 반환합니다.

예를 들어, 아래와 같이 주어진 배열에서 10보다 큰 첫 번째 숫자를 찾을 수 있습니다.

find 사용 예제
const numbers = [5, 12, 8, 130, 44];

const found = numbers.find(function (num) {
  return num > 10;
});

console.log(found); // 12

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!