[Javascript] 반복문(1): for 사용 방법

지난 포스팅에서 조건문 if를 사용하는 방법에 대해서 알아보았어요. 조건문은 여러 가지 선택사항 중 하나를 선택해서 프로그램을 다양한 방향으로 진행할 수 있도록 도와주는 구문입니다. 조건문이 있다면 반드시 함께 나오는 구문이 바로 반복문입니다.

 

 

Javascript에는 반복문으로 사용할 수 있는 구문이 여러가지가 있습니다. 이번 포스팅에서는 for 반복문을 사용하는 방법을 알아보도록 하겠습니다.

---

반복문이란 무엇인가

프로그래밍을 진행하다보면 똑같은 처리를 여러 번 진행해야 할 경우가 발생합니다. 예를 들어서 같은 문자나 숫자, 혹은 메시지를 100번 이상 화면에 출력해야 할 경우가 발생하는 것이죠. 그럼 같은 코드를 100번 이상 써야 한다는 말이 됩니다. 비효율 적이죠.

 

Javascript에서는 이러한 반복되는 작업을 하나의 문법으로 사용할 수 있습니다. 그 중에서 for 반복문에 대해서 알아보도록 할게요.

---

반복문 for 사용방법

반복문 for를 사용하는 방법은 아래와 같습니다.

for(초기값 표현식; 조건; 업데이트 표현식) {
...
}

for 반복문은 위와 같이 사용할 수 있습니다. 넣을 수 있는 값은 총 3가지 입니다.

 

1. 초기값 표현식 : 반복문을 사용할 때 처리할 변수를 넣어줍니다. 이 변수는 조건에 넣어서 비교하고 업데이트되어 반복문을 종료할 때까지 사용되는 값입니다.

2. 조건 : 조건은 반복문이 계속해서 진행될지, 종료될지를 나타내는 조건식입니다. 이 조건에 따라서 반복문의 횟수가 정해집니다.

3. 업데이트 표현식 : 업데이트는 반복문이 진행되면서 값이 업데이트시켜주고 이 값에 따라서 반복 조건이 달라질 수도 있습니다.

---

반복문 for 사용 예제 1

소스코드를 통해서 반복문 for를 사용해 보도록 하겠습니다.

const n = 10;

for(let i=0; i < n; i++) {
	console.log('for loop');
}

위와 같이 사용할 때 총 10회 반복되게 됩니다. 차근차근 알아보도록 할게요.

1. i=0, i < n === true, for loop 출력, i값이 1 증가해서 1

2. i=1, i < n === true, for loop 출력, i값이 1 증가해서 2

3. i=2, i < n === true, for loop 출력, i값이 1 증가해서 3

4. i=3, i < n === true, for loop 출력, i값이 1 증가해서 4

5. i=4, i < n === true, for loop 출력, i값이 1 증가해서 5

6. i=5, i < n === true, for loop 출력, i값이 1 증가해서 6

7. i=6, i < n === true, for loop 출력, i값이 1 증가해서 7

8. i=7, i < n === true, for loop 출력, i값이 1 증가해서 8

9. i=8, i < n === true, for loop 출력, i값이 1 증가해서 9

10. i=9, i < n === true, for loop 출력, i값이 1 증가해서 10

11. i=10, i < n === false, 조건에 맞지 않으므로 for 구문 종료

for loop
for loop
...
for loop

for 내부에서 선언된 i는 for 구문 내에서만 사용이 가능합니다. 이번에는 숫자를 출력해 볼까요?

---

반복문 for 사용 예제 2

const num = 3;

for(let i = 1; i <= num; i++) {
	console.log(i);
}

동일한 방법으로 진행해보면 출력 결과는 아래와 같습니다.

1
2
3

예제를 하나 더 진행해 보도록 하겠습니다.

---

반복문 for 사용 예제 3

const num = 100;
let sum = 0;

for(let i = 1; i <= num; i++) {
	sum += i;
}

console.log(sum);

위 예제는 1부터 100까지의 자연수를 모두 더하는 프로그램입니다. 여기에는 산술 연산자와 대입 연산자가 함께 포함되어 있으니 이해가 되지 않으신 분들께서는 아래 포스팅에서 확인하실 수 있습니다.

2021.04.12 - [쿤즈 Dev/HTML & CSS & Javascript] - [Javascript] 연산자(Operators) 종류와 사용법 알아보기

[Javascript] 연산자(Operators) 종류와 사용법 알아보기

---

이번 포스팅에서는 반복 문중 하나인 for에 대해서 알아보았습니다. 반복문을 사용하면 반복되고 규칙적인 작업을 효율적으로 프로그래밍할 수 있습니다. 다만 반복문의 조건을 잘못 작성하면 무한루프에 빠질 수 있기 때문에 이 점 유의하셔야 합니다. 도움이 되셨으면 합니다. 이상입니다.