JavaScript forEach – JS에서 배열을 반복하는 방법

JavaScript forEach 메서드는 배열을 반복하는 여러 방법 중 하나입니다. 각 방법에는 다른 기능이 있으며 수행중인 작업에 따라 사용할 방법을 결정하는 것은 사용자에게 달려 있습니다.

이 글에서는 JavaScript forEach 메소드를 자세히 살펴 보겠습니다.

아래에 다음 배열이 있음을 고려하십시오.

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

전통적인 "for 루프"를 사용하여 배열을 반복하는 것은 다음과 같습니다.

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

forEach () 메서드가 다른 이유는 무엇입니까?

forEach 메서드는 배열을 반복하는데도 사용되지만 기존의 "for 루프"와는 다른 함수를 사용합니다.

forEach 메소드는 다음 매개 변수와 함께 배열의 각 요소에 대한 콜백 함수를 전달합니다.

이 매개 변수를 단계별로 설명하겠습니다.

먼저 forEach 메서드를 사용하여 배열을 반복하려면 콜백 함수 (또는 익명 함수)가 필요합니다.

numbers.forEach(function() { // code });

함수는 배열의 모든 단일 요소에 대해 실행됩니다. 배열의 요소를 나타내는 하나 이상의 매개 변수를 가져야합니다.

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

이것이 배열을 반복하기 위해 우리가해야 할 전부입니다 :

또는 ES6 화살표 함수 표현을 사용하여 코드를 단순화 할 수 있습니다.

numbers.forEach(number => console.log(number));

이제 선택적 매개 변수를 계속 살펴 보겠습니다. 첫 번째는 각 요소의 색인 번호를 나타내는 "index"매개 변수입니다.

기본적으로 요소를 두 번째 매개 변수로 포함하면 요소의 색인 번호를 볼 수 있습니다.

numbers.forEach((number, index) => { console.log('Index: ' + index + ' Value: ' + number); });

배열 매개 변수는 배열 자체입니다. 또한 선택 사항이며 필요한 경우 다양한 작업에 사용할 수 있습니다. 그렇지 않으면 우리가 그것을 호출하면 배열의 요소 수만큼 인쇄됩니다.

numbers.forEach((number, index, array) => { console.log(array); });

이 비디오에서 forEach () 메서드의 사용 예를 볼 수 있습니다.

Array.forEach 메서드는 IE 버전 8 이하를 예상하는 모든 브라우저에서 지원됩니다.

웹 개발에 대해 더 알고 싶으 시다면 제 유튜브 채널을 방문해주세요.

읽어 주셔서 감사합니다!