콜백함수 : forEach & map & filter & find

✅ forEach() 메소드

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

numbers.forEach(function(number) {
  console.log(number);
});

forEach() 메소드를 사용하여 배열 numbers의 모든 요소를 출력한다. forEach() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행한다.

✅ map() 메소드

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

let squaredNumbers = numbers.map(function(number) {
  return number * number;
});

console.log(squaredNumbers);   // [1, 4, 9, 16, 25]

map() 메소드를 사용하여 배열 numbers의 모든 요소를 제곱한 새로운 배열을 만든다. map() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과를 새로운 배열로 반환한다. map함수는 반드시 return문을 가져야 한다.

 

✅ filter() 메소드

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

let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

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

filter() 메소드를 사용하여 배열 numbers에서 짝수만 추출한 새로운 배열을 만든다. filter() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과가 true인 요소만 새로운 배열로 반환한다.

 

✅ find() 메소드

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

let foundNumber = numbers.find(function(number) {
  return number > 3;
});

console.log(foundNumber);   // 4

find() 메소드를 사용하여 배열 numbers에서 3보다 큰 첫 번째 요소를 찾는다. find() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과가 true인 첫 번째 요소를 반환한다.