TIL-JavaScript(반복문)

22.05.08

🌞 반복문

인간은 반복적인 작업을 잘 하지 못합니다. 실수하고 지루해합니다. 컴퓨터는 이런 반복적인 작업을 대행하기 위해서 만들어진 기계입니다. 반복문은 컴퓨터에게 반복적인 지사를 하는 방법입니다.

⭐ While문

while문은 while(조건){ 반복해서 실행 할 코드 } 이렇게 구성됩니다.

while(true){
document.write('coding everybody <br />');
}
🙄 이 예제는 무한반복을 발생시킵니다. 웹브라우저는 무한반복을 허용하지 않기 때문에 어느 정도 시간이 흐르면 스크립트를 종료할 것인지 물어봅니다.

💎 document.write는 자바스크립트를 이용해서 웹페이지에 텍스트를 출력합니다. 이것은 웹브라우저에서만 동작합니다.

<script type="text/javascript">
	var i = 0;
	while(i < 10){
	document.write("Coding everybody "+i+"<br />");
	i = i + 1;
	}	
</script>

💎 위 코드에서 10보다 작다면 ture, 같거나 크다면 false가 됩니다. 반복이 될 때마다 hello world가 출력되고, 줄바꿈 후 i+1의 값이 i의 대입 됩니다. 즉, 0,1,2,3,4,5,6,7,8,9(index=0부터 시작) 총 10번 출력이 되고, 이후 while문을 빠져나갑니다.

이렇게 출력이 됩니다.

🌜 for문

for문은 while문과는 달리 자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문입니다. 따라서 while문보다는 좀 더 간결하게 반복문을 표현할 수 있습니다.

<script type="text/javascript">
	for(var i = 0;i < 10; i++){
	document.write("Coding everybody "+i+"<br />");
	}		
</script>

💎 For문은 주어진 초기값이 조건문에 부합하는지 확인하고 참이면 실행문을 실행합니다. 그리고 초기값을 초기값의 변화량만큼 변화시킵니다. 다시 변화된 초기값을 조건문에 부합하는지 확인하고 거짓이 될 때까지 실행문과 초기값의 변화량을 실행하며 For문을 반복 수행합니다.

그러면 while문과 똑같이 이렇게 출력됩니다.