개발

forEach 사용해보기

Taemin Kim 2022. 11. 16. 15:27

값을 리턴하지 않고 보여주기위해 forEach를 자주 쓰게되는데

 

어떻게 쓰는지 정확히 알기위해서 간단하게 정리해보려고한다

 

우선 const numbers로 배열을 만들어보자

 

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

 

자 여기서 위 숫자를 뿌려볼건데 어떻게 하면 좋을까

 

우선 번호 자체만 순서대로 뿌려보자

 

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

 

이렇게 출력하면 순서대로

1

2

3

4

5

6

7

8

 

이렇게 나타난다 

 

위 숫자를 인덱스와 함께 출력도 해보고 싶다고 했을 때는

 

numbers.forEach((number,index) => console.log('number ' + number + ' index' + index)); 

 

이렇게 작성을 해주는데 값이 하나가 아닌 둘 이상일 경우는 () 로 묶어줘야만 에러가 생기지 않는다

 

이렇게 적어주고 출력해보면 

이렇게 넘버값은 1부터 

인덱스는 0부터 출력되는 것을 볼 수 있다

 

또한 해당값을 배열형태로 Array로 출력도 해볼 수 있는데 

 

numbers.forEach((number,index,Array) => console.log(Array));

 

이렇게 작성하고 출력하면 

 

이렇게 배열형태로도 값을 뽑아낼 수 있다 

 

대부분 map을 사용하지만 

 

간단하게 forEach가 필요할 때 이렇게 사용하면 될 것 같다 !