Front End/JavaScript

반복문

반복문

같거나 비슷한 코드를 여러번 실행 시켜야 할 때 단순한 반복을 보다 효율적이고 간결하게 할 수 있도록 하는 구문.

for 구문

반복 할 조건을 초기화, 조건식, 증감문 순으로 넣어서 작성한다.

let sum = 1;
for (
	let i = 2; // 초기화
	i <= 4; // 조건식 (false가 될 때까지)
	i = i + 1 // 증감문 (반복 할 때 마다 실행한다)
){
	sum = sum + n;
}
console.log(sum); // 10

while 구문

동작방식은 for와 동일하나 초기화/증감문은 따로 작성하고 조건식만 괄호 안에 들어간다. 초기화나 증감문이 따로 필요 없을 경우 활용 할 수 있다.

let sum = 1;

let i = 2; // 초기화
while (i <= 4){ // 조건식 (false가 될 때까지)
	sum = sum + n;
	i = i + 1; // 증감문 (반복 할 때 마다 실행한다)
}
console.log(sum); // 10

실습 : 반복문을 사용해 구구단 출력하기

let num = 3;

function mulTablePrinter(num) {
	console.log(num * 1);
	console.log(num * 2);
	console.log(num * 3);
	console.log(num * 4);
	console.log(num * 5);
	console.log(num * 6);
	console.log(num * 7);
	console.log(num * 8);
	console.log(num * 9);
}
function mulTablePrinter(num){
	for (let i = 1; i <= 9; i = i + 1){
		console.log(num * i);
	}
}

심화 : 이중 반복문을 이용해 2~9단까지 구구단 출력하기

function mulTablePrintAll(){
	for (let n = 2; n <=9; n = n + 1){
		for (let i = 1; i <= 9; i = i + 1){
			console.log(n * i);
		}
	}
}

심화 : 템플릿 리터럴을 이용해 문자열과 함께 출력하기

function mulTablePrinter(num){
	for (let i = 1; i <= 9; i = i + 1){
		console.log(`${num} * ${i} = ${num * i}`);
	}
}

function mulTablePrintAll(){
	for (let n = 2; n <=9; n = n + 1){
		for (let i = 1; i <= 9; i = i + 1){
			console.log(`${n} * ${i} = ${n * i}`);
		}
	}
}

Uploaded by N2T