4장. 반복문 - 2

 

 

 

혼공JS 4장 - 2

 

 

 

---

04-2 반복문

 

 

<for in 반복문>

• 배열과 함께 사용할 수 있는 반복문은 for in 반복문이다.
• for in 반복문은 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다.
• for in 반복문의 기본 형태는 아래와 같다.

for (const 반복 변수(인덱스) in 배열 또는 객체) {
  문장
}

• for 반복문의 반복 변수에는 요소의 인덱스들이 들어온다. 이를 활용해서 배열 요소에 접근할 수 있다.

 

---

 

<for of 반복문>

• for in 반복문은 반복 변수에 인덱스가 들어간다. 그래서 반복문 내부에 요소를 사용하려면 fruits[i]와 같은 형태로 사용하며, 안정성을 위해 몇 가지 코드를 더 추가한다고 하였다.
• 그래서 등장한 것이 for of 반복문이며, 요소의 값을 반복할 때 안정적으로 사용할 수 있다.
• for of 반복문의 기본 형태는 아래와 같다.

for (const 반복 변수(요소의 값 or 인덱스) of 배열 또는 객체) {
  문장
}

 

---

 

<for 반복문>

• 일반적으로 for 반복문은 특정 횟수만큼 반복하고 싶을 때 사용하는 범용적인 반복문이다.
• for 반복문의 기본 형태는 아래와 같다.

for (let i = 0; i < 반복 횟수; i++) {
  문장
}

 

for 반복문과 함께 배열 사용하기

• for 반복문은 배열과 조합할 수 있다. 보통 배열의 length 속성만큼 반복을 돌리는 형태로 사용한다.

  <script>
    const todos = ['우유 구매', '업무 메일 확인하기', '필라테스 수업']

    for (let i = 0; i < todos.length; i++) {
      console.log(`${i}번째 할 일: ${todos[i]}`)
    }
  </script>

• 위 코드의 실행 결과는 아래와 같다.

실행 결과

 

---

 

<while 반복문>

• while 반복문은 if 조건문과 형태가 매우 비슷한 반복문이다.
• if 조건문과 다른 점은 문장을 한 번만 실행하고 끝나는 것이 아니라 불 표현식이 true면 계속해서 문장을 실행한다는 것이다.

while (불 표현식) {
  문장
}

• while 반복문의 경우 조건이 변하지 않는다면 무한히 반복 실행하므로 조건을 거짓으로 만들 수 있는 내용이 문장에 포함되어 있어야 한다.
• 반복문이 무한 반복되는 것을 무한 루프(infinite loop)라고 한다.

 

while 반복문과 함께 배열 사용하기

• while 반복문과 for 반복문은 서로 대체해서 사용할 수 있다.
• 횟수를 기준으로 반복할 때는 코드를 간결하게 구현할 수 있는 for 반복문을 사용하는 것이 훨씬 편하다.
• while 반복문은 조건에 큰 비중이 있을 떄 사용하는 것이 좋다.
• '특정 시간동안 어떤 데이터를 받을 때까지', '배열에서 어떠한 요소가 완전히 제거될 때까지' 등 조건을 기반으로 사용하는 반복문에 while 반복문을 사용한다.

 

---

 

<break 키워드>

• break 키워드는 switch 조건문에서 언급했듯이 switch 조건문이나 반복문을 벗어날 때 사용하는 키워드이다.
• while 반복문은 조건이 항상 참이므로 무한 반복한다. 이러한 무한 루프는 break 키워드를 사용해야 벗어날 수 있다.

while (true) {

} break

 

---

 

<continue 키워드>

• continue 키워드는 반복문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행한다.

  <script>
    // 반복문
    for (let i = 0; i < 5; i++) {
      // 현재 반복 작업을 중지하고 다음 반복 작업을 수행합니다.
      continue
      alert(i)
    }
  </script>

• 위 코드를 실행하면 경고창이 출력되지 않는다.
• continue 키워드를 만나면 바로 다음 반복 작업으로 넘어가므로 alert() 함수를 실행하지 않는다.

 

 

 

---

 

 

 

• 저자 유튜브 강의 보기
  • 22강 - forof forin for 반복문 : https://www.youtube.com/watch?v=w5bpDsquwKc
  • 23강 - while 반복문 : https://www.youtube.com/watch?v=I-1zobW0Efo
  • 24강 - 4장 마무리 + 피라미드 예제 : https://www.youtube.com/watch?v=sN9vXNkV3JE

 

 

 

---

해당 글은 [혼자 공부하는 자바스크립트] 책을 토대로 공부한 내용을 기록하기 위하여 작성됨.

 

---