자바스크립트(javascript)/개념

for문과 while문 - 자바스크립트 반복문

Doo Hee 2023. 8. 24. 22:55
Document

📝정리

1. for문

조건을 만족하면 코드를 반복해서 실행하는 반복문이다.  for문의 형식은 아래와 같다.

for (변수 선언 및 할당; 조건; 코드를 실행한 이후 연산) {
  console.log(i);
}

// 예시
for (i = 0; i < 10; i++) {
  console.log(i);
}
// i는 0부터 시작한다. 
// i는 10보다 작으므로(조건을 만족하므로) { }안의 코드를 실행한다.
// 콘솔창에 0이 출력된다.
// i++를 실행한다.
// ....반복되다가 i가 10일 경우엔 조건을 만족하지 않으므로 반복문이 종료된다.

 

2. 이중 for문

for문안에 또다시 for문을 넣어 이중for문을 만들 수 있다.

for (i = 0; i < 3; i++) {
  for (j = 3; j > 0; j--) {
    console.log(i, j);
  }
}

// 0 3
// 0 2
// 0 1
// 1 3
// 1 2
// 1 1
// 2 3
// 2 2
// 2 1 출력

 

3. for...in

오브젝트의 키값이나 배열의 인덱스 값을 가져오고자 할 때 사용한다.

let dictionary = {
  red: "빨강색",
  orange: "주황색",
};

for (let key in dictionary) {
  console.log(key);
} // red orange 출력

let dictionary2 = ["빨강색", "주황색"];
for (let key in dictionary2) {
  console.log(key);
} // 인덱스 번호 0 1 출력

 

3. for...of

반복을 할 수 있는 값들에서만 사용이 가능하다. 배열의 값을 가져오고자 할 때 사용한다.

let dictionary2 = ["빨강색", "주황색"];
for (let key of dictionary2) {
  console.log(key);
} // 빨강색 주황색 출력

 

4. while

for문과 마찬가지로 괄호( )안의 조건이 만족하면 반복해서 작성한 코드를 실행한다.

while(조건){
  // 조건이 만족할 경우 코드 실행;
}

 

5. do while문

do안에 있는 { }을 일단 먼저 실행하고, 이후 괄호( )안에 있는 조건이 만족하면 계속해서 실행한다.

do{
  // 먼저 실행할 코드;
}while(조건)