반복문 - For문

반복문 역시 자바에서 배운 것과 별반 다르지 않다.

 

 

 

 

2022.06.23 - [자바] - 반복문 For (2022-06-23)

반복문 For (2022-06-23)

 

2022.06.23 - [자바] - 반복문 While (2022-06-23)

 

2022.06.23 - [자바] - 반복문 Do while문 (2022-06-23)

 

 

 

 

<script>
	for(var i=1; i<=10000; i++) {
		document.write(i+". 안녕하세요?"+"<br>");
	}
</script>

 

 

 

너무 많이 반복하면 과부하가 걸려 정상적으로 처리되지 않는다.

 

 

 

 

 

 

자바와 폼이 많이 다르지는 않다.

 

<script>
	var sum = 0;
	for(var i=1; i<=10; i++){
		sum += i;
	}
	
	document.write(sum);
</script>

 

 

 

 

 

 

 

1 ~ 100까지의 홀수와 짝수의 합을 구해본다.

 

<script>
	var odd=0;
	var even=0;
	
	for(var i=1; i<=100; i++) {
		if(i%2 ==0 ) {
			even += i;
		} else {
			odd += i;
		}
	}
	
	document.write("짝수의 합: "+even+"<br>");
	document.write("홀수의 합: "+odd+"<br>");
</script>

 

 

 

출력할 때 사용하는 함수와 변수 선언 방법 정도만 다르지 사용 방법 자체는 자바와 똑같다.

 

 

 

 

이번에는 '자바스크립트'라는 문자가 7번 반복되는 반복문 코드를 작성하는데,

font 태그의 size는 1~7까지 지정할 수 있다.

이 때, 반복될때마다 점점 커지도록 코드를 작성해본다.

 

반드시 document.write 안에 작성해야 하며, 따옴표로 묶어주어야 한다.

 

<script>
	for (var i=1; i<=7; i++) {
		document.write("<font size="+i+">자바스크립트</font><br>");
	}
</script>

 

 

 

 

 

키보드로 2~9 사이의 값을 입력 받아 구구단 1개단을 출력

 

<script>
	var dan = prompt("원하는 단을 입력하세요 \n2~9사이의 정수를 입력하세요","")
	
	for(var i=1; i<=9; i++) {
		document.write(dan + "*" + i + " = " + dan*i + "<br>");
	}
</script>

 

 

그런데 prompt 로 값을 받을 때에는 숫자를 넣어도 string 형태로 되는데,

일전에 논리 연산자의 예제로 다섯 과목의 총점을 구하는 플러스 연산을 수행할 때에는

원하는 대로 값이 연산되지 않고, 넣은 숫자들이 붙어서 나오는 일이 있었다.

 

 

산술, 확장대입, 증감, 비교, 논리 연산자

 

 

자료형을 확실히 기입하지 않고 문법이 느슨한 언어는

어떤 경우에는 되는 경우가 있고, 또 어떤 경우에는 제대로 연산이 되는 이런 단점이 생긴다.

 

 

 

 

 

이번에는 키보드로 값을 입력하는 것이 아닌, 구구단 전체를 출력해본다.

 

<script>
	for(var dan=2; dan<=9; dan++) {
		document.write("["+dan+"단]"+"<br>");
		document.write("----------"+"<br>");
		for(var i=1; i<=9; i++) {
			document.write(dan + "*" + i + " = " + dan*i + "<br>");
		}
		document.write("<br>")
	}
</script>