[Javascript] 중첩 for문, 이중 for문을 이용해 구구단 출력하기
2021. 8. 10. 17:03ㆍWeb/Javascirpt
728x90
for문 안에 for문이 들어가 있는 형태로 간단한 예제를 통해 알아보겠습니다.
아래 예제는 1~6학년을 출력하고 각 학년마다 5반까지 출력하도록 했습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>중첩 for문</title>
</head>
<body>
</body>
<script>
for(var i = 1; i <= 6; i++){
for(var k = 1; k <=5; k++){
document.write(i + "학년" + k + "반", "<br>");
}
document.write("<br>");
}
</script>
</html>
|
cs |
반복문이 시작되면 바깥쪽 for문에서는 변수 i에 초깃값 1이 들어가면서 반복이 시작됩니다.
그 뒤로 안쪽 for문에 도달하게 되어 초깃값 1부터 5에까지 반복됩니다.
안쪽 for문에서의 반복이 끝나면 write 을 통해 <br> 을 출력하도록 해 줄바꿈을 해줍니다.
다시 바깥쪽 for문이 실행되어 변수 i에 2가 할당되고 동일하게 안쪽 for문이 반복됩니다.
따라서 결과값은 아래와 같이 출력됩니다.
동일한 방법으로 구구단을 출력해보겠습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>중첩 for문을 이용한 구구단 출력</title>
</head>
<body>
</body>
<script>
for(var i = 2; i <= 9; i++){
for(var k =1; k <= 9; k++){
let sum = i * k;
document.write(i + "*" + k + "=" + sum, "<br>");
}
document.write("<br>");
}
</script>
</html>
|
cs |
for문의 구조는 위와 동일하고 sum이라는 변수에 변수 i와 k를 곱한 값을 담았습니다.
그 아래 write으로 구구단 구조에 맞게 출력하도록 해 아래와 같을 결과를 확인할 수 있습니다.
'Web > Javascirpt' 카테고리의 다른 글
| [Javascript] 배열 객체 메소드와 활용 예시 (0) | 2021.08.25 |
|---|---|
| [Javascript] var, const, let 변수 선언 차이 (0) | 2021.08.18 |
| [Javascript] checkbox checked 갯수 제한두기 (0) | 2021.07.29 |
| [Javascirpt] for문 continue (0) | 2021.07.27 |
| [Javascript] for문 break (0) | 2021.07.27 |