반복문

반복문

Javascript의 사골같은 존재... 반복문을 알아보자!

반복문은 같거나 비슷한 코드를 여러 번 실행시켜야 할 경우에 쓰는 구문이다.

let sum = 1;
sum = sum+2;
sum = sum+3;
sum = sum+4;
//sum과 숫자의 합을 sum에 대입하자
//조건: 숫자는 2부터 시작, 4가 될 때까지 반복, 1씩 증가

console.log(sum);

------------------------
//조건문의 경우

sum = sum+n;
let n = 2;
n <= 4;
n = n + 1

for 구문

반복할 내용을 중괄호 block 안에 넣어준다.
반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다

let sum = 1;
for(let n =2; n <=4; n = n+1){
	sum = sum + n
}

console.log(sum); //10

while 구문

반복할 조건 중, 초기화, 증감문은 따로, 조건식만 괄호 안에 넣어준다

let sum = 1;
let n = 2;

while(n <=4){
	sum = sum+n;
	n = n+1;
}
console.log(sum); //10

흠... 이제 반복문에 대해 어느정도 알겠어...! 그러면 한 번 구구단을 출력해볼까?

그럼... 한 번 만들어보자!

//구구단 출력
function mulTablePrinter(num){
	for(let i = 1; i<=9; i++){
		console.log(num * i)
	}
}

mulTablePrinter(2)
mulTablePrinter(3)
mulTablePrinter(4)
// ...
mulTablePrinter(9)

오! 신기하네! 근데 계속 함수 선언 하려니 너무 힘드네?
좀 더 쉽고 빠른 방법 없을까?? 이중 반복문? 그런거 쓰면 되려나...?

그럼 이중 반복문 한 번 공부 해볼까?

이중 반복문 double(nested) for loop

반복문 안에 반복문 사용

function mulTablePrinter(num){
	for(let i=1; i <=9; i++){
		for(let j = 1; j<=9; j++){
			console.log(i * j)
			// template literal version
			//console.log(`${n} * ${m} = ${n * m}`)
			// 2 * 1 = 2
           // ...
		}
	}
}

mulTablePrinter()

와! 훨씬 간편해졌네? 근데 이중 반복문은 어떤 방식으로 작동되는거지?

이중 반복문은 제일 바깥에 있는 for loop이 작동되다 안쪽 for loop가 있다는걸 알면 안쪽 for loop을 우선 다 돌리고 다시 바깥쪽 for loop을 작동시킨다.