[JS] 배열의 매서드 forEach 이해하기

배열의 매서드 forEach 이해하기

• forEach란?
• 순서도(플로우 차트)
• 예시

---

배열의 메서드 forEach란?

forEach()란 매개변수의 값으로 배열의 요소를 순서대로 하나씩 입력하여 실행할 내용을 반복하는 문법입니다. for문과의 차이점은 for문의 () 안에 초기 상태, 조건, 수정되어 적용할 내용을 작성하지 않고 확인할 배열뒤에 단순히 메서드로 이용할 수 있어 편리하다는 점이 있습니다. 

배열 명.forEach((매개변수) => {
	실행할 내용
});

1. 배열의 첫번째 요소인 배열명[0]의 값을 가져옵니다.

2. 가져온 값을 매개변수로 입력하여 실행할 내용을 실행합니다.

3. 배열에 남은 요소가 있는지 확인합니다.

4. 배열의 남은 요소가 있으면 배열의 다음 index에 저장된 값을 가져옵니다.

5. 배열의 남은 요소가 없으면 반복을 종료합니다.

---

순서도(플로우 차트)

forEach 순서도(플로우 차트)

---

예시

let arr = ["짱구", "철수", "유리", "맹구"];
let i = 0;
arr.forEach((item)=>{
    console.log(`index ${i}에 저장된 이름은 ${item}입니다.);
    i++;
});

1. arr이라는 이름의 배열을 선언하고 배열의 값으로 "짱구", "철수", "유리", "맹구"로 초기화 한다.

2. i의 값을 0으로 초기화 한다.

3. arr의 첫번째 요소인 "짱구"를 매개변수인 item의 값으로 입력한다.

4. console.log를 실행하여 "index 0에 저장된 이름은 짱구입니다."를 찍는다.

5. i++에 의하여 i의 값을 1 증가시킨다.

6. arr배열의 다음 요소인를 매개변수인 item의 값으로 입력한다.

7. 배열의 마지막 요소까지 4~6번을 반복한다.

 

결과 : 

index 0에 저장된 이름은 짱구입니다.

index 1에 저장된 이름은 철수입니다.

index 2에 저장된 이름은 유리입니다.

index 3에 저장된 이름은 맹구입니다.