자바스크립트 반복문 while, for

while

1. if문과 동일한 점

()안의 조건식이 true이면 { } 안에 문장을 실행하고
() 안의 조건문이False이면 {} 안의 문장을 스킵한다

2. if문과 다른 점

if문은 문장실행이 끝나면 바로 {} 밖으로 뛰쳐 나가지만
while문의 경우 문장실행이 끝나도 다시 () 조건식으로 다시 돌아온다

i가 10일때 까지는 () 안의 조건식을 실행한 결과 true가 되서 {} 안의 문장을 실행하지만
i가 11이 되었을 때는 () 안의 조건식을 실행한 결과 false가 되어 {} 안의 문장을 스킵한다

더하는 숫자(보폭)이 작을수록 출력되는게 많다,
더하는 숫자(보폭)이 클수록 콘솔창에 출력되는 게 적다

예시

1. 1부터 10까지 출력할 때 반복문 while 이용

console.clear();

let i = 0;

// 조건문 

while ( i <= 10 ) {
  console.log(i); // 1, 2, 3
  i = i + 1;
}

// if문
// 위의 조건식을 빠져나온 i를 가지고 진행

console.log(i); // 11

if (i <= 20) {
  console.log(i); // 11
  i = i + 1; // 12 이지만, 콘솔창에 출력되지는 않는다
}

2. 1부터 10까지 출력할 때 조건문 if 이용

console.log(i);  // i 출력하고 (i=0)
i = i + 1; // i 증가시키고 (i=1)

console.log(i);
i = i + 1; (i=2)

console.log(i);
i = i + 1; (i=3)

console.log(i);
i = i + 1;

console.log(i);
i = i + 1;

console.log(i);
i = i + 1;

console.log(i);
i = i + 1;

console.log(i);
i = i + 1;

console.log(i);
i = i + 1;

console.log(i);
i = i + 1;

for문

앞뒤로 세미콜론을 달아줘야 되는데 이렇게 하면
#1 ; i <= 10; #2
#1, #2 과 같은 두개의 공간이 더불어 생긴다
#1 자리에는 for문 위에 있는 변수선언 문장 let i = 1
#2 자리에는 변수값에 변화를 주는 문장 i++

그래서 while문과 다른 특이점은 한 줄에
변수의 시작점과 보폭, 끝 점을 확인할수 있는 게 전부이다

console.clear();

console.log("== while로 반복 ==");
let j = 1;
while ( j <= 10 ) {
  console.log(j);
  j++; // j+=1 j=J+1 동일한 표현
}

console.log("== for로 반복 ==");
for ( ; i <= 10; i++ ) {
  console.log(i);
}

console.log("==for문 () 안에 세미콜론 있음");
let i = 1;

for ( ; i <= 10; ) { 
  console.log(i);
  i++;
}

이건뭐지??

console.log();
console.log(1);

if (); { 
  
}
else if (); {
  
}
else {
  
}