[Javascript] for문
2021. 7. 27. 17:12ㆍWeb/Javascirpt
728x90
for문
해당 조건에 만족할 때까지 코드를 반복하는 반복문입니다.
while문과 비슷하나 보다 사용하기 편한 것이 특징입니다.
기본 형태입니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>for문</title>
</head>
<script>
for(변수명 = 초깃값; 조건식; 증감식;) {
반복할 코드;
}
</script>
<body>
</body>
</html>
|
cs |
바로 예제로 넘어가 보겠습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>for문</title>
</head>
<script>
for(var i = 1; i <= 5; i++) {
document.write("반복문 for문" + i + ", ");
}
</script>
<body>
</body>
</html>
|
cs |
변수명으로는 i, 변수 i 의 초깃값은 1 로 설정하였고,
조건식으로는 5 와 같거나 클 때라는 조건을 주었습니다.
증감식으로는 ++ 로 1씩 증가하도록 했습니다.
반복할 코드로는 write 함수를 이용해 "반복문 for문" 과 변수 i, ", " 를 출력하도록 했습니다.
결과는 이렇습니다.
변수 i 가 초깃값 1에서부터 조건식 5 와 같거나 크기 전까지 1씩 증가하면서
코드를 반복하는 걸 볼 수 있습니다.
다음으로 반복문인 for문과 조건문인 if문, else if문을 활용한 예제를 알아보겠습니다.
See the Pen by dev-hojun (@dev-hojun) on CodePen.
변수 i 에 초깃값을 1 로 설정하고
조건식으로는 10 과 같거나 클 때로 설정한 뒤
증감식으로 1씩 증가하도록 했습니다.
반복할 코드로는 먼저 if문에 변수 i 가 3의 배수일 때 write 함수를 실행하도록 했습니다.
함수의 내용으로 <h1> 태그에 style 을 지정해 color: red 를 주었습니다.
같은 방식으로 else if문에는 4의 배수일 때 write 함수를 실행하도록 했고
<h1> 태그에 style 을 지정해 color : blue 를 주었습니다.
'Web > Javascirpt' 카테고리의 다른 글
| [Javascirpt] for문 continue (0) | 2021.07.27 |
|---|---|
| [Javascript] for문 break (0) | 2021.07.27 |
| [Javascript] while문, do while문 (0) | 2021.07.27 |
| [Javascript] switch문 (0) | 2021.07.22 |
| [Javascript] else if문 (0) | 2021.07.22 |