자바스크립트(6) 반복문

반복문?

코딩을 하다보면 동일한 동작을 반복해서 처리해야 하는 경우가
매우많다.
예를들어 단순하게 콘솔에 hi를 9번을 찍어도
console.log를 9번이나 써야하는 것이다.
이런 과정을 편리하게 만들수있도록 반복문을 사용한다.

for

사용법은 이렇다.

for(처음값; 조건; 증감){
	조건이 참일때 처음값에서 증감하는동안 실행되는 문장
}

주로 처음값에 변수 선언 하고 그 변수가 최대값이 다다를 때가지 증가 하여 실행문을 실행시키는 과정으로 많이 사용된다.

for(let i=0; i < 3; i++){
	console.log("hello");
}
// hello
// hello
// hello

for in

객체의 프로퍼티 갯수만큼 어떤것을 반복할때 사용되거나,
매우 편리한것이, 보통 배열의 갯수 arr.length를 받아 for 의 조건문을 상당히 줄일수있다.

let arr = [1,2,3]
for (let i in arr) {
	console.log("hello");
}
// hello
// hello
// hello

const obj = {
	name: "슬라임",
    level: 999,
}
for (let j in obj) {
	console.log(i);
}

// name
// level

while

위의 설명한 for문은 최대값을 조건으로 그 구간만큼 반복한다.
하지만 while은 주로 결과값을 찾거나 리턴 혹은 break를 할때까지 loop를 실행할때 많이 사용된다.

let i = 0;
while(i < 5){
	if (i>3) break;
    
    console.log("hi");
    i++
}
// hi
// hi
// hi

좀더 응용하기로는 조건문을 삽입해서 만족한 결과를 얻으면 loop를 끝낸다.

이중 반복문

주로 알고리즘문제에 많이 출제된다.
개인프로젝트나 업무에서 사용해 본적은 없지만 무언가 고도화된 로직을 짤때 필요한가 보다.

많이 예시로 사용되는 구구단 예제가 있다.

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

mulTablePrinter()

// 2 * 1 = 2
// 2 * 2 = 4
// 2 * 3 = 6
// ...
// 9 * 8 = 72
// 9 * 9 = 81

이런식으로 외부 for가 처음 n=2 일때 내부 for로 들어가 1~9번 작동을 한뒤,
다시 외부 for의 n을 3으로 올리고 내부 for로 다시 들어가 1~9번 작동 한다.