📚 [JavaScript] 반복문

📕 for문

값이 일정하게 변화하며 명령을 반복하여 실행할 때 사용한다

🎁 문법

for(초기식; 조건식; 증감식) {
	조건의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}

✔ 초기식, 조건식, 증감식은 각각 생략할 수 있다
✔ 쉼표 연산자(,)를 사용하면 여러 개의 초기식이나 증감식을 동시에 사용할 수 있다

🎈 예제

<script>
//for문으로 직각삼각형 모양의 별 찍기
for(var i = 1; i < 5; i++) {
	for(var j = 1; j <= i; j++) {
    	document.write("*");
    } document.write("<br>");
} 
/*
*
**
***
****
*/
</script>

📙 for ... in문

객체의 모든 열거할 수 있는 속성들을 순회할 수 있도록 해준다

🎁 문법

for(변수 in 객체) {
	객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;
}

✔ 객체의 key 값에는 접근 가능하지만 value 값에는 직접적으로 접근이 불가능하다

🎈 예제

<script>
//배열의 요소에 접근하는 예제
var arr = ['a', 'b', 'c'];
for(var i in arr) {
	document.write(i + " ");
} //0 1 2

//객체의 프로퍼티에 접근하는 예제
var obj = { a: 1, b: 2, c: 3 };
for(var i in obj) {
	document.write(i + " ");
} //a b c
</script>

📒 for ... of문

반복할 수 있는 객체를 순회할 수 있도록 해준다

🎁 문법

for(변수 of 객체) {
	객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;
}

✔ 자바스크립트에서 반복할 수 있는 객체는 Array, Map, Set, arguments 객체 등이 있다

🎈 예제

<script>
//Array
var arr = ['a', 'b', 'c'];
for(var val of arr) {
	document.write(val + " ");
} //a b c

//String
var str = 'abc';
for(var val of str) {
	document.write(val + " ");
} //a b c

//Object
var obj = { 1: 'a', 2: 'b', 3: 'c' };
for(var val of obj) {
	document.write(val);
} //TypeError: obj is not iterable
</script>

✔ Object는 [Symbol.iterator] 속성을 가지지 않기 때문에 TypeError를 발생시킨다

📗 while문

조건이 true인 동안 실행문을 반복 실행한다

🎁 문법

while(조건) {
	조건의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
}

✔ 조건이 false면 실행문을 한 번도 실행하지 않을 수 있다
✔ 조건의 결과가 어느 순간에는 false를 가지도록 작성해야 무한 루프에 빠지지 않을 수 있다

🎈 예제

<script>
//while문으로 5 팩토리얼 계산하기
var fact = 1, i = 1;
while(i <= 5) {
	fact *= i;
    i++;
} document.write(fact); //120
</script>

📘 do~while문

조건이 맨 뒤에 붙어서 일단 실행문을 한 번 실행한 후 while문에서 조건을 체크한다

🎁 문법

do {
	조건의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
} while(조건);

✔ 조건이 false라도 실행문이 최소한 한 번 실행된다

🎈 예제

<script>
//do~while문으로 5 팩토리얼 계산하기
var fact = 1, i = 1;
do {
	fact *= i;
	i++;
} while (i <= 5);
document.write(fact); //120
</script>