개발
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가 필요할 때 이렇게 사용하면 될 것 같다 !