JavaScript

[JavaScript] for문과 while문

UnoCode 2020. 5. 20. 02:25

1. for문과 while문

 

개인적으로 글쓴이는 for문을 주로 사용한다.

 

참고로 for문과 while문을 사용하는것은 지극한!!! 개인적인 취양이다.

 

for문과 while문은 반복문이다.. (글쓰기도 반복이다..)

 

 

1. While문 예시

while(조건) {

	실행문~~
    
}

 

현재 글쓴이는 HTML을 사용하고 있으니 간단히 HTML 코드를 작성해 본다.

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JavaScript while문 예시</title>
		<script>
			num = 1;
			while(num <= 10){
  				document.write(`<span>1부터 10까지 GoGo : ${num}</span>`);
				num++;
			}
		</script>
	</head>
	<body>
	</body>
</html>

 

Do - While 문이라는 것도 있는데... 저는 페스하겠습니다. 살면서 글쓴이는 사용해본적이 거의 없다.. (개인적인 차이이니 뭐라하지 마세요~)

 

2. For문

 

위에서 작성한 while문을  for문으로 변형해보면 쉽게 이해가 됩니다.

 

for(초기값; 조건; 증감식) {

	실행문~~
    
}

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JavaScript while문 예시</title>
		<script>
			for(num=1; num <= 10; num++){
  				document.write(`<span>1부터 10까지 GoGo : ${num}</span>`);
			}
		</script>
	</head>
	<body>
	</body>
</html>

 

와우 코드가 간결해졌다.. (나만 그런건가..)

 

 

3. 다중 for문(여기서 부터 머리가 아파진다..)

 

for(초기값; 조건; 증감식) {

	실행문 가능!
    
	for(초기값; 조건; 증감식) {
    	실행문!
    }
    
    실행문!
    
}

다중 for문에서 유명한 문제중 하나인 별그리기?? 를 해보겠습니다.

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>JavaScript while문 예시</title>
    <script>
      let i = 1;
      let j = 1;

      for (i = 1; i <= 5; i++) {
        for (j = 1; j <= i; j++) {
          document.write("★");
        }
        document.write("<br>");
      }
    </script>
  </head>
  <body></body>
</html>

 

결과값!! 여러분도 복사하지 마시고 손으로 입력해보시길 바랍니다.~~