forEach 메소드, 익명 콜백 함수

Q.forEach 메소드 한 번 쓰는거 보여줘

A.
forEach 메소드 사용 예시
forEach 메소드는 JavaScript에서 배열의 각 요소에 대해 주어진 함수를 실행하는 메소드입니다. 예를 들어, 배열의 각 요소를 콘솔에 출력하는 코드는 다음과 같습니다:

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

// forEach 메소드를 사용하여 배열의 각 요소를 출력
numbers.forEach(function(number) {
  console.log(number);
});

이 코드는 numbers 배열의 각 요소에 대해 console.log를 호출하여 출력합니다. forEach 메소드는 첫 번째 인자로 주어진 함수를 배열의 각 요소에 대해 한 번씩 호출합니다.

Q.function(number)을 화살표 함수 형식으로 바꿔서 보여봐

A.
화살표 함수 형식으로 변환
function(number)를 화살표 함수 형식으로 변경하면 다음과 같이 작성할 수 있습니다:

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

// forEach 메소드를 사용하여 화살표 함수로 배열의 각 요소를 출력
numbers.forEach(number => {
  console.log(number);
});

화살표 함수를 사용하면 function 키워드 대신 =>를 사용하여 더 간결하게 표현할 수 있습니다. 이 코드도 동일하게 numbers 배열의 각 요소를 console.log로 출력합니다.

Q. 저 안에 들어간 function은 익명 콜백 함수였던거야?

A.
익명 콜백 함수에 대한 설명
네, function(number)은 익명 콜백 함수였습니다.

익명 함수란 이름이 없는 함수를 의미하며, 콜백 함수는 다른 함수의 인자로 전달되어 실행되는 함수를 뜻합니다. forEach 메소드의 인자로 전달된 function(number)는 이름이 없는 익명 함수로서, 배열의 각 요소에 대해 호출됩니다.

익명 콜백 함수를 사용한 예시는 다음과 같습니다:

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

이 익명 콜백 함수를 화살표 함수로 바꾼 것은 다음 코드입니다:

javascript
Copy code
numbers.forEach(number => {
  console.log(number);
});

두 경우 모두 forEach 메소드는 배열의 각 요소를 순회하며 해당 익명 콜백 함수를 호출합니다.