[UI/UX]coding 기초 - javascript- do while문, for문, break, continue, 중첩 for문

📌do while문

---

while문의 경우 조건식의 만족여부를 먼저 검사한 후에 만족하면 안에 있는 코드를 반복실행하지만 do while문은 먼저 코드를 한 번 실행한 후에 조건식을 검사한다.

[기본형]

var 변수 = 초깃값;
do {
   자바스크립트 코드;
   증감식;
}while(조건식)

📌for문 🌞🌞🌞

---

for문도 while문과 마찬가지로 코드를 원하는 횟수만큼 반복실행
하고 싶을때 사용한다. 그러나 for문의 문법이 훨씬 간결하고 변수가 반복문 안에 있어 좀 더 안전하기 때문에 (변수의 충돌 이슈가 적다.) 실무에서 더 많이 쓰인다.

[기본형]

  for(초깃값; 조건식; 증감식){
  자바스크립트 코드;
  }

[실행순서]

  초깃값 검사 -> 조건식 검사 -> 자바스크립트 코드 실행 -> 증감식 
  -> 조건식검사 -> 자바스크립트 코드 실행 -> 증감식 

5와 7의 배수(35,70)만 다른 색상으로 출력하려면 5와 7의 배수를 출력하는 코드에서
!(not 연산자)로 5와 7의 공통 배수(35,70)은 제외해준다.

📌break문

---

반복문인 while문, for문에서 break문을 실행하면 조건식과 관계없이 반복문을 종료한다. 즉, break문은 반복문에서 '강제 종료문'이다.

[기본형]

1. while문

  var 변수 = 초깃값;
  while(조건식){
  break;
  자바스크립트 코드;
  증감식;
  }

2. for문

  for(초깃값; 조건식; 증감식){
   break; -> 반복문 강제종료
   자바스크립트 코드
   }

📌continue문

---

continue문은 반복문 안에서만 쓸 수 있다.

• while문에서 사용할 경우 continue문 다음에 오는 코드는 건너뛰고
  바로 조건식으로 가서 조건검사를 한다.

• for문에서 사용할 경우 continue문 다음에 오는 코드는 건너뛰고
  바로 '증감식'으로 이동하여 증감연산을 실행한다.

  = 즉, while문에서 continue문은 '다음줄의 코드를 무시하고 조건식을 검사해라'라는 의미이고
  for문에서 continue문은 '다음줄의 코드를 무시하고 증감식을 검사해라'라는 의미이다.

[기본형]

1. while문

  var 변수 = 초깃값;
  while(조건식){
  continue; -> 아래 코드와 증감식을 무시하고 조건식을 검사함
  자바스크립트 코드;
  증감식;
  }

2. for문

  for(초깃값; 조건식; 증감식){
   continue; -> -> 아래 코드를 무시하고 증감식을 검사함
   자바스크립트 코드
   }

📌중첩 for문

---

for문 안에 for문이 있는 형태이다.
중첩 for문 바깥쪽 for문이 한 번 실행되면 안쪽의 for문을 만나 안쪽 for문이 true->false가 될 때까지 반복실행한다.
안쪽 for문이 false가 되면 바깥쪽 for문의 증감식으로 이동하여 증감연산을 하고, 또 조건검사를 한다. 조건이 만족하면 안쪽의 for문을 다시만나 초깃값 조건식 코드실행 증감식을 또 다시 true에서 false가 될때까지 반복한다.
결국 바깥쪽 for문이 false가 되면 그때 중첩 for문이 종료된다.

[기본형]

for(초깃값; 조건식; 증감식){ //바깥쪽 for문
 for(초깃값; 조건식; 증감식){ //안쪽 for문
  자바스크립트 코드;
 }
}