forEach

forEach는 자바스크립트의 내장 메서드다.

이 메서드는 배열의 각 요소에 대해 주어진 함수를 실행한다.

 

기본 구문은 다음과 같다.

array.forEach(function(currentValue, index, arr), thisValue)

 

• currentValue: 현재 처리 중인 배열의 요소
• index: 현재 처리 중인 요소의 인덱스 (선택적)
• arr: forEach를 호출한 배열 (선택적)
• thisValue: 콜백 함수 내에서 this로 사용될 값 (선택적)

 

 

이전의 FormData 객체의 예시 코드에서도 나오는데

this.uploadedImages.forEach(file => {
  formData.append('photos', file);
});

 

• this.uploadedImages: 순회할 배열 (업로드된 이미지 파일들의 배열)
• file =>: 화살표 함수로, 각 파일을 처리하는 로직을 정의
• formData.append('photos', file): 각 파일을 FormData에 추가하는 작업

 

이를 이용하면 간결한 문법으로 배열의 모든 요소를 순회할 수 있고, 각 요소에 대해 동일한 작업을 수행한다.

특히, 인덱스나 배열 자체에 접근할 필요가 없을 때 간단히 사용할 수 있다.

 

특징으로는 반환값이 없고 배열의 각 요소에 대해 한 번씩 콜백 함수를 실행한다.

 

다만 주의해야 할 사항이 있는데, forEach는 중간에 탈출이 불가능하다.