자바스크립트 foreach 메서드 사용법

foreach()는 배열에 적용되는 함수로 배열 각 요소에 callback함수를 적용할 수 있도록 하는 메서드입니다.

간단한 예제를 통해 봅시다.

var array=[1,2,3]
array.forEach(x=>{
    console.log(x)
})
1
2
3

array 배열에 foreach를 사용하면 각요소를 x에 넣고 함수를 실행시킵니다.

1,2,3이 순서대로 출력됩니다.

 

1.for문보다 훨씬 간단합니다.

for(let i=0;i<array.length; i++){
    console.log(array[i])}
1
2
3

for문으로 바꾸면 훨씬 복잡합니다.

 

2.foreach()는 callback함수를 실행할 때 요소, 인덱스, 전체 배열 값을 전달할 수 있습니다.

array.forEach((x,i,t)=>{
    console.log(x,i,t)})
1 0 (3) [1, 2, 3]
2 1 (3) [1, 2, 3] 
3 2 (3) [1, 2, 3]

x는 요소값, i는 인덱스값, t는 전체 배열입니다.

필요한 것을 적절하게 가져다 쓸 수 있습니다.