01.개념
"특정 횟수만큼" 코드를 반복하고 싶을 때 주로 사용한다.
** 반복문을 사용하면 같은 코드를 여러 번 작성할 필요없이, 간단한 구조로 반복적인 작업을 수행
02. 사용법
for (초기식; 조건식; 증감식) {
// 조건식이 참일 때 반복 실생할 코드
}
초기식 : 반복 변수값을 초기화하며, 처음 단 한번만 실행됨
조건식 : 블록 내 문장을 얼마나 반복할지 결정하며, 조건식이 참인 동안 반복함
증감식 : 초기식에서 초기화한 변수의 값을 증가 또는 감소시킴
03. 동작과정
1. 초기식 수행
2. 조건식 비교
3. 조건식이 true면 중괄호 내부 코드 수행
4. 코드 수행 후 증감식으로 이동
5. 다시 조건식으로 가서 비교
6. 조건식이 false가 나올 때까지 2 ~ 4번 반복 수행
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>기본for문</title>
</head>
<body>
<script>
for (var i = 1; i <= 10; i++) {
document.write("우리 집에 " + i + "번 방문하였습니다. " + "<br>");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>for문 - 초기값</title>
</head>
<body>
<script>
var fruits = ["apple","mango","orange","lemon","banana","pear"];
// fruits 배열 : 객체 : 속성(고유 특징을 가진 변수) + 메서드(고유 특징을 가진 함수)
// 배열 객체 : 내장 객체 > 속성, 메서드를 가져다 쓸 수 있다.
// 배열 객체 안에 속석등 중에 length를 가져다 쓰겠다.
// 배열 객체의 length = 배열의 크기(데이터공간의 갯수) = 5;
for (var i = 0, len = fruits.length; i < len; i++) {
document.write(fruits[i] + "<br>");
}
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>for문 - 초기값</title>
</head>
<body>
<script>
var fruits = ["apple","mango","orange","lemon","banana","pear"];
// fruits 배열 : 객체 : 속성(고유 특징을 가진 변수) + 메서드(고유 특징을 가진 함수)
// 배열 객체 : 내장 객체 > 속성, 메서드를 가져다 쓸 수 있다.
// 배열 객체 안에 속석등 중에 length를 가져다 쓰겠다.
// 배열 객체의 length = 배열의 크기(데이터공간의 갯수) = 5;
for (var i = 0, len = fruits.length; i < len; i++) {
document.write(fruits[i] + "<br>");
}
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var fruits = ["apple","mango","orange","lemon","pear"];
for (var i = 0, len = fruits.length; i < len; i+=2) {
document.write(fruits[i] + "<br>")
}
</script>
</body>
</html>