동일한 작업을 여러번 반복하기 용이하도록 사용하는 것이 반복문 loop에 대해서 알아보자.
✔️for 반복문
for (let i=0; i < 10; i++){
}
세미클론으로 구분하며 let =0 , i<10 , i++ 이렇게 3가지 구간으로 나눌 수 있다.
let =0
초기값을 설정한다.
반복문에 진입할때 처음 한번만 작성한다.
i라는 변수에 0의 값을 설정해줬다.
i<10
조건을 설정한다.
반복문이 실행되면서 조건을 확인하고, 값이 false가 되면 동작을 멈춘다.
i++
반복문이 실행되고 작동할 작업을 명시한다.
🤔 즉, 세가지 구간을 해석해본다면,
최초에 i는 0의 값을 갖는다.
i가 10보다 작기에 조건을 충족하여 코드를 실행시킨다.
i값을 1만큼 증가시킨다.
i를 1만큼 증가시키는 동작을 반복하게 된다.
그리고 조건을 충족하지 못하는 숫자 10이 되는 때에 작동은 멈추게 된다.
✍️작성
for (let i=0; i<10; i++){
console.log(i)
}💻출력
1
2
3
4
5
6
7
8
9✔️while 반복문
let i =0;
while(i<10){
i++;
}
while 또한 let i=0 , i<10 , i++ 3가지 구간으로 나눌 수 있다. 동일하게 let i=0 초기값을 설정하고, i<10는 조건,i++는 작동시킬 동작이다.
✍️작성
let i=0;
while(i<10){
console.log(i);
i++;
}💻출력
1
2
3
4
5
6
7
8
9for 반복문과 동일하게 조건을 충족하는 동안을 작업을 반복하다가 조건을 충족하지 못하면 반복문을 빠져나오게 된다.
✔️ do..while 반복문
let i=0;
do{
i++
}while(i<10)
do..while 반복문은 while 반복문과 다르게 코드를 먼저 실행하고 조건을 확인한다.
🚨 적어도 1회는 코드를 실행한다는 점이 while과 가장 다른점이다.
그럼 이제 반복문을 빠져나오는 기능에 대해서 알아보자
✔️break
break
: 즉시 코드실행을 멈추고 반복문을 빠져나오게 한다.
✍️ 작성
while(true){
let answer = confirm('계속할까요?');
if(!answer){
break;
}
}
break문을 만나기 전까지는 계속 반복된다.
만약 !answer 의 값이 true라면,
계속해서 반복문을 실행하게되고,
!answer의 값이 false가 된다면,
즉시 break문을 만나서 반복문이 멈추게 된다.
(참고로 while(true)는 무한반복 된다는점 !)
즉, '계속할까요?'의 창에 대해서 계속 확인(true) 버튼을 누른다면 반복해서 '계속할까요?'의 창이 뜨게되고,
취소(false) 버튼을 누르게되면 break문을 만나서 반복문을 빠져나오게 된다.
✔️continue
continue
: 즉시 코드실행을 멈추고 다음 반복문을 실행하도록 한다.
✍️ 작성
for(let i=0; i<10; i++){
if(i%2){
continue;
}
console.log(i)
}
i값을 2로 나눈 나머지가 1이면 if문을 통과하게 된다.
즉, 처음 설정값인 0을 2로 나누면 값은 0이기에
이어서 반복문을 실행하게 된다.
다음값이 1을 2로 나누면 값은 1, continue문을 만나게 되고, console창에 기록되지 않고,
다음 반복문으로 넘어가게되어 i는 2의 값을 갖게된다.
이 과정을 반복하게 되면 결국 짝수값만 도출하게 된다.
🪄 명확한 횟수가 정해져있다면 for문을, 아니라면 while을 사용하는 것이 좋다. 코드를 간단명료하게 사용하기 좋은 반복문을 잘 활용하면 도움이 될 것이다 !
