JavaScript/JavaScript
JavaScript - for문, break문, continue문
꿈다루
2020. 5. 1. 19:51
for
: while 문이나 do~while문은 초기값과 증감값을 따로 지정해야 하는 불편함이 존재
for 문을 사용하면 초기값과 증감값을 한번에 정의 가능
for (초기값; 조건식; 증감식) {
실행문;
}
[ 실행 순서 ]
첫번째 실행
i=1 이면 조건식(i<10)은 true가 되며 console.log(1) 을 실행
i++에 의해 i변수의 값은 2
두번째 실행
i=2 이면 조건식(i<10)은 true가 되며 console.log(2) 을 실행
i++에 의해 i변수의 값은 3
- 중략 -
세번째 실행
i=9 이면 조건식(i<10)은 true가 되며 console.log(9) 을 실행
i++에 의해 i변수의 값은 10
열번째 실행
i=10 일때 조건식(i<10)은 false가 되므로 for문을 빠져나오게 됨.
for 문 안의 for 문
: 간단한 구구단 예시
바깥쪽 for문이 1번 실행할 때 안쪽 for문은 9번 실행
break 문
: 코드 실행 중 break 문을 만나게 되면 현재 실행하고 있는 문이 멈추게 된다.
예) break 문을 이용하여 입력한 값까지만 출력하는 프로그램
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<title>Break문</title>
<script>
var num = prompt("1-20중 하나의 숫자 값 입력", "");
var result = "";
for (var i = 1; i <= 20; i++) {
result += i + "<br>";
if (i == num) {
break;
}
}
document.write(result);
</script>
</html>
>> 결과
continue 문
: continue문은 특정 조건을 만족했을 때 그 해당하는 값만 실행하지 않도록 한다.
예) 입력한 값만 출력되지 않는 프로그램
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<title>Continue문</title>
<script>
var num = prompt("1-20중 하나의 숫자 값 입력", "");
var result = "";
for (var i = 1; i <= 20; i++) {
if (i == num) {
continue;
}
result += i + "<br>";
}
document.write(result);
</script>
</html>
>> 결과
