Javascript

반복문(for)에 대해 알아봅시다!

아라라_ 2023. 2. 23. 21:16

“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”

Frederick Philips Brooks
Mythical Man-Month 저자
728x90

우리가 코딩을 할 때 변수를 출력하는 것을 반복하는 경우가 있습니다.

예를 들어,

 

 const arr =[1,2,3,4,5,6,7,8,...,98,99,100]

위처럼  1부터 100까지 있는 배열에서 데이터를 전부 꺼내야 하는 상황이 온다면 우린 출력 문을 100번 입력하여야 할 것 입니다.

그런 단점을 보안한 것이 반복문입니다.

 


🤔1. for문

가장 기본적이며 가장 많이 사용하는 for을 이용한 반복문입니다.

See the Pen for문 by jo0132 (@jo0132) on CodePen.

 

 

 

🤔2. forEach문

배열의 길이만큼 반복되는 반복문입니다.(배열의 요소의 갯수만큼 반복합니다.)

출력문은 한번 모두 출력되면 index의 모든 숫자가 소진될때까지 출력하게됩니다.

item : 배열의 각 요소

index : 배열의 길이(요소의 갯수)

arr : 배열

See the Pen Untitled by jo0132 (@jo0132) on CodePen.

 

 

 

🤔3. for in문

객체를 반복적으로 출력하는 반복문입니다.

조건식에 키와 값을 넣어 출력합니다.

 

for(const/let (키를 나타내는 변수 선언) in (배열이름)) {

출력문

}

 

이런 식으로 출력합니다.

See the Pen for in문 by jo0132 (@jo0132) on CodePen.

 

 

 

🤔4. for of문

for in문과 비슷 하지만 배열을 반복적으로 출력하는 반복문입니다.

조건식에 변수와 배열을 넣어 출력합니다. 

 

for(const/let 변수 of [배열]) {

출력문

}

 

이런 식으로 출력합니다.

See the Pen for of by jo0132 (@jo0132) on CodePen.

 

 

 

😮5. 짝수 홀수 구별 프로그램 만들기

알림창에 숫자를 넣으면 짝수인지 홀수인지 구별 할 수 있는 예제를 만들어 보았습니다.

작은 따음표(')가 아님을 주의하세요

See the Pen 홀짝 by jo0132 (@jo0132) on CodePen.