[TIL] 반복문의 필요성 & for 반복문의 작성 방법 (JavaScript)

반복문(Loop)이란?

JavaScript 세상에서는 생각보다 반복적으로 해야 할 일들이 많다. 자료의 개수가 5개 정도라면 일일이 세거나 특정 단어를 입력하는 등의 일이 쉽겠지만, 자료의 개수가 20개라면, 100개라면...?! 자료의 개수가 늘수록 부담은 늘어날 것이다. 그때 필요한 것이 반복문이다.

• 특정 조건을 만족하는 동안 일정한 코드를 반복해서 실행한다.
• 같은 동작을 여러 번 반복해야 할 때, 개발자의 수고로움을 덜어주기 위해 주로 활용된다.
• 반복문의 종류로는 while 반복문, do while 반복문, for 반복문, for in 반복문 등이 있다.

---

for 반복문의 구조

© 위코드

초기화문 (Initialization)

• 초기화문 작성 시, 변수 선언자를 써주어야 한다.
• 변수명은 보통 Index를 의미하는 i로 선언한다.
• Index가 증가할 경우, 숫자는 보통 0부터 시작한다.

조건문 (Conditional)

• 조건문을 통해 Index의 범위를 설정한다.
• Index가 증가할 경우, 특정한 숫자 미만 혹은 이하로 설정한다.
• Index가 감소할 경우, 0 이상으로 설정한다.
• 조건문이 true일 경우, 반복문을 계속 실행한다.
• 조건문이 false일 경우, 반복문이 종료된다.

증감식 (Update)

• Index가 1씩 증가할 경우, i++을 써준다. (Index의 숫자가 하나씩 증가)
• Index가 1씩 감소할 경우, i--를 써준다.  (Index의 숫자가 하나씩 감소)
• i++는 i = i + 1을 줄여서 쓴 것이다. (i++는 i += 1 또는 ++1로 표현할 수도 있다.)

---

for 반복문의 작성 방법

// Example. 배열과 함께 사용되는 일반적인 for 반복문
let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

for (let i = 0; i < array.length; i++) {  // 조건식
  console.log(array[i]);                  // 반복 실행할 코드
}

1. 먼저 for를 입력하고, 소괄호를 연 다음, 초기화문(let i = 0)을 작성하고, 세미콜론(;)으로 구분한다.
2. 이어서 조건문(i < array.length)을 작성하고, 다시 세미콜론으로 구분한 다음, 업데이트할 증감식(i++)을 작성한다.
3. 반복 실행할 코드(console.log(array[i]);)는 중괄호 블록 안에 작성한다. 이때 반복 실행할 코드는 for 반복문의 조건식(i < array.length)을 만족하지 않으면 한 번도 실행되지 않지만, 초기화문(let i = 0)은 항상 실행된다는 점을 주의하자.