JS 기초 : 배열 내장 함수 forEach

◼ 짚고 넘어가기

for문을 이용하여 배열 요소를 전부 출력하는 부분을 먼저 복습하고 forEach의 편리함을 알아보자

예제

아래와 같은 배열이 있을 때 for문을 이용하여 각 배열의 요소들을 출력하고자 하면 아래와 같은 방법이 있다.

const users = ["철이", "미애", "길동"];

for 문을 이용

for (let i = 0; i < users.length; i++) {
  console.log(users[i]);
}

function과 for 문을 이용

function print(user) {
  console.log(user);
}
for (let i = 0; i < users.length; i++) {
  print(users[i]);
}

화살표 함수와 for 문을 이용

const print = (user) => console.log(user);
for (let i = 0; i < users.length; i++) {
  print(users[i]);
}

---

배열 내장 함수인 forEach를 사용하여 위와 동일한 기능을 하는 코드를 작성해보자

◼ forEach

• forEach 메서드는 배열을 반복하는 메서드이다.
• 배열명.forEach(파라미터)의 형태로 작성한다.
• 파라미터에는 배열의 각 요소들이 수행할 문장을 작성한다.
• 함수를 파라미터로 보내는 것을 콜백함수라고 한다.

예제
1. 파라미터에 함수명

function print(userName) {
  console.log(userName);
}
users.forEach(print);

2.파라미터에 함수 그대로

users.forEach(
  function (userName) {
  console.log(userName);
  }
);

3. 파라미터에 화살표 함수

users.forEach(
  (userName) => {
  console.log(userName);
  }
);

for문과는 다르게 continue와 break문을 사용할 수 없어 모든 배열 요소마다 파라미터에 전달된 내용을 수행하게 되므로 예외처리를 잘해두어야 한다는 점을 유의해야한다.

---

◼ 요약

• forEach 메서드는 배열을 반복하는 메서드이다.
• 배열명.forEach(파라미터)의 형태로 작성한다.

---