04-3 자바스크립트 for 반복문

for 반복문

특정 횟수만큼 반복하고 싶을 때 사용

• 형태

// 반복 변수를 let 키워드로 선언
for (let i = 0; i < 반복 횟수; i++) {
  const 인덱스 = i
  const 요소 = 배열[i]
  //내부에 만든 인덱스 요소는 반복문 블럭이 끝나면 사라지기 때문에 const로 선언..?해도됨?..됨..
}

---

• 예제

for (let i = 0; i < 5; i++) {console.log(`${i}번째 반복입니다`)} 
for (let i = 0; i < 10; i+= 2) {console.log(`${i}번째 반복입니다`)}
for (let i = 0; i < 20; i+= 3) {console.log(`${i}번째 반복입니다`)}

실행 결과

역 반복문

for (let i = 20; i >= 10; i--) {console.log(`${i}번째 반복입니다`)}

배열과 함께 사용하는 반복문

for in 반복문

배열의 인덱스를 기반으로 반복할 때 사용

• 형태

for (const 반복 변수 in 배열 또는 객체) {
}

---

• 예제

const 배열 = ['바나나', '사과', '귤']

for (const 인덱스 in 배열) {
  console.log(인덱스, 배열[인덱스])
}

실행 결과
0 바나나
1 사과
2 귤

for of 반복문

배열의 값을 기반으로 반복할 때 사용

• 형태

for (const 반복 변수 of 배열 또는 객체) {
//for in 반복문과는 다르게 반복 변수에 요소의 값이 들어감
}

---

• 예제

const 배열 = ['바나나', '사과', '귤']

for (const 요소 of 배열) {
  console.log(요소)              
}

실행 결과
바나나
사과
귤

---

forin 반복문은 안정적이지 않아서 forof 반복문과 for 반복문을 사용하는게 좋다

코드 조각 관련

하이라이트 되어있는 부분은 Tab키를 사용하여 이동할 수 있으며 한번에 변경 가능 Shift + Tab은 이전 단계로 이동