[JavaScript] forEach 함수

forEach 함수는 배열을 순회하기 위해 사용하는 함수이다. 

for반복문과 매우 비슷한 함수다.

 

for() 문법 

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

num[0] 부터 num[1], num[2],,,,, num[num.length-1] 까지 출력된다.

 

 

forEach() 문법

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

설명하자면, 

• function(currentValue, index, arr) - 배열의 각 항목에 대해 실행할 함수
• currentValue - 배열의 값
• index (선택 사항) - 현재 항목의 인덱스
• arr (선택 사항) - 현재 항목의 배열

 

화살표 함수와 forEach()

다음 코드와 같이 소스코드를 짤 때 forEach() 메소드와 함께 화살표 함수를 사용할 수 있디.

const num = ['one', 'two', 'three'];

num.forEach(element => {
  console.log(element);
});

결과:

one
two
three

 

for 반복문을 forEach 로 바꾸어 사용하기

for  사용:

const arraynum = ['one', 'two', 'three'];
const copynum = [];

for (let i = 0; i < arraynum.length; i++) {
  copynum.push(arraynum[i]);
}

console.log(copynum);

결과:

["one", "two", "three"]

forEach() 사용:

const arraynum = ['one', 'two', 'three'];
const copynum = [];

arraynum.forEach(function(item){
  copynum.push(item);
})

console.log(copynum);

결과:

["one", "two", "three"]