[Javascript] Do it! 자바스크립트 입문 - for문

공부단 3일차-3입니다.

 

for문 사용법

// 1부터 5까지의 합
var sum = 0
for(let i = 1; i < 6; i++) {
	sum += i
}
console.log(sum)

 

- for문의 기본구조
for(카운터 변수; 조건식; 카운터 변수 조절) {
         반복문 코드
}
- 카운터 변수 : 반복할 횟수의 초깃값입니다. 위의 경우 i = 1이라고 되어있습니다. 이 뜻은 i라는 변수는 반복할 카운터 변수이고 초깃값이 1이라는 뜻입니다.

- 조건식 : i가 몇 번 반복할 것인지의 조건식입니다. i < 5 혹은 i < 10 등 i가 어디까지 반복할 것인지에 대한 조건식입니다.

- 카운터 변수 조절 : 이전에 배운 증감연산자를 활용해서 카운터 변수를 조절할 수 있습니다. i++이면 i는 반복문이 한번 끝난 후 1이 증가됩니다. 반대로 i--이면 1이 감소합니다.

위의 코드는 i는 1부터 시작이고 i < 6 즉, i는 1부터 5가 될 때까지 반복을 하고 반복문 한번 끝날 때마다 i의 값을 1씩 증가시킵니다.

 

for...of문

위의 for문 c언어나 자바 등 다른 프로그래밍 언어에서도 동일한 방법으로 사용합니다.

 

자바스크립트도 위와 같은 for문을 사용할 수 있지만 최신버전 ES6부터는 for...of문을 사용할 수 있습니다.

 

let seasons = ["봄", "여름", "가을", "겨울"]
for(let i of seasons) {
    console.log(i)
}

 

for...of문은 인덱스 값이 아닌 그냥 값이 끝날 때까지 반복합니다.

 

 

중첩 for문

중첩 for문은 for문 안의 for문을 사용하는 것입니다. 중첩 for문의 대표적인 예시는 구구단입니다. 구구단은 보통 2단부터 9단까지 외웁니다. 여기서 반복하는 것이 몇 단인지랑 각 단마다 1부터 9까지 곱하는 것이 반복됩니다.

(2단 9번 반복, 3단 9번 반복, 4단 9번 반복,...)

 

for(let i = 2; i < 10; i++) { // 단 반복
    for(let j = 1; j < 10; j++) { // 각 단마다 1부터 9 곱하는 부분
        document.write(i + " * " + j + " = " + i*j)
        document.write("<br/>")
    }
    document.write("-------------------") // 각 단을 구분하기 위해 추가
    document.write("<br/>") // 줄바꿈
}

 

결과화면