Part 1. JavaScript 기초 Ch 3-3. 기초 제어문(반복문)

Part 1. JavaScript 기초 Ch 3-3. 기초 제어문(반복문) 입니다.

현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.
본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다.

학습목표

• 반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다.
• 반복문(for문)과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있다.
• 기본적인 for문(for(let i = 0; i < 5; i++))을 응용하여 다양한 for문을 만들 수 있다.
• for문과 while문의 차이에 관해서 설명할 수 있다.
• 반복문과 조건문을 응용하여 특정 조건에서만 코드가 실행되도록 할 수 있다.
• 이중 for문을 이해하고 활용할 수 있다.

1. 반복문

• 같거나 비슷한 코드를 여러 번 실행시켜야 할 경우에 쓰는 구문

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

• 반복할 내용을 코드로 작성합니다.

let sum =1;
"sum과 숫자(n)의 합"을 "sum에 대입"하자 // sum = sum +n;
 조건 :
 숫자(n)는 2부터 시작한다.             // let n = 2;  
 숫자(n)가 4가 될때까지 반복한다.        // n <= 4;
 숫자(n)는 1씩 증가한다.               // n = n + 1;

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

let sum = 1;

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

• while 구문
  • 반복할 조건 중 초기화, 증감문은 따로, 조건식만 괄호 안에 넣어줍니다.

let sum = 1;
let n = 2;

while(n <= 4){
  sum = sum + n;
  n = n + 1;
}

• 반복문을 이용한 구구단 출력

for(초기화; 조건식; 증감문){
	실행할 코드
}
-> for(1부터 시작; 9가 될 때까지; 1씩 증가하면서 코드 실행){
	실행할 코드
}
-> function mulTablePrinter(num){
	for(let n = 1; n <= 9; n = n + 1){
    	console.log(num * n)
    }
}

• 이중 반복문을 이용한 구구단 출력하기

function mulTablePrinter(num){
	for(let n = 1; n <= 9; n = n + 1){
    	console.log(num * n)
    }
}
-> function mulTablePrinter(num){
	for(let n = 1; n <= 9; n = n + 1){
    	for(let m = 1; m <= 9; m = m + 1){
        	console.log(num * n)
        }
    }
}

• 템플릿 리터럴을 이용하여 구구단 출력하기(응용)

2 * 1 = 2
2 * 2 = 4
...
9 * 8 = 72
9 * 9 = 81
-> function mulTablePrinter(num){
	for(let n = 1; n <= 9; n = n + 1){
    	for(let m = 1; m <= 9; m = m + 1){
        	console.log(`${num} * ${n} = ${n*m}`)
        }
    }
}