요기보드3   필수기초 선택과목 요기보드 그누보드 로그인

자바스크립트


조건문(if) 반복문(for)

■ 조건문 (if)
자바스크립트의 조건문의 PHP 와 거의 같아.

if (조건) {
.... 명령들...
}
조건이 여러개인 경우 아래와 같이 else 또는 else if 를 추가로 사용할 수 있어.

if (조건1) {
.... 명령들 ...
} else if (조건2) {
.... 명령들 ....
} else {
.... 명령들 ...
}
간단한 예를 들어 확인해 볼까?
여러분의 연습용 js.html 파일에 아래와 같이 코드를 적어서 확인해 봐.
제대로 결과가 안 나오면 F12 개발자 도구에서 확인해 보고..

<script>
let a = 1; let b = 2;
if (a > b) {
    alert('틀렸습니다');
} else {
    alert('맞습니다.')
}    
</script>

브라우저에서 실행해 보면 "틀렸습니다" 메시지가 나오겠지?
위 조건문은 "a 가 b 보다 크면 ( a > b)" 이었어.
그런데 조건이 "같으면, 같거나 크면, 같거나 작으면" 이면 다음과 같은 기호로 표시해.
a == b , a >= b , a <= b
또 간혹 == 에서 2개가 아니고 3개(===) 를 사용해서 같다는 조건을 정의하는 코드도 보게 될거야.
=== 는 "변수종류까지 같으면" 이라는 뜻으로 아주 정확한 비교를 할 때 사용하는데 나중에 코드를 보다 보면 알게 될거야.
이런 걸 너무 깊이 들어가면 머리가 아파지니 조건문은 이걸로 끝.
더 자세히 알고 싶으면 : (https://ko.javascript.info/ifelse)

■ 반복문 (for, while)
for 반복문도 PHP 와 거의 유사해.
또한 while 반복문도 있는데 자바스크립트에서는 for 반복문이 압도적으로 많이 사용해.

for (시작; 조건; 반복후명령) {
// ... 반복할 코드들 ...
}
명령 문법이 더 어렵네. 코드를 직접 보면 훨씬 이해하기 쉬워.
아래 내용은 정말 많이 사용하는 반복문의 전형적인 예야.


for (let i = 0; i < 3; i++) {
    alert(i) ;
}
변수 i 에 초기값 0 을 넣고 (let i = 0),
i 가 3 보다 작으면 아래 코드를 실행해라 ( i < 3 )
i 값을 1 씩 늘려라.

위 코드를 실행하면 처음 i = 0 일때 alert(0) 가 한번 실행되고 다시 for 로 올라가서(반복), i = 1 이 되서 다시 alert(1) 가 실행되고 다시 올라가서 i = 2 가 되어 다시 alert(2) 가 실행돼.
그리고 다시 올라가면 i = 3 이 되는데 그때는 중간의 조건인 ( i < 3) 에 맞지 않으니 이 반복문을 나오게 되서 alert(3) 은 나오지 않아.
이해 돼?

어느 프로그램에서나 반복문 설명할 때 가장 많이 사용하는 1 부터 10까지 더하는 작업을 자바스크립트로 해볼까?


let sum = 0;
for (let i = 1; i <= 10; i++) {
    sum += i;
}
alert(sum);

이 반복문은 엄청나게 많이 사용되기 때문에 처음에는 어색해 보여도 하다 보면 저절로 몸에 익게 될거야.
후딱 다음으로 넘어 가자구...

for 와 while 반복문에 대해서 자세히 알고 싶으면 : https://ko.javascript.info/while-for

목차제 목조회
1 173
2 200
3 195
4 175
5 176
6 197
7 168
8 239
9 153
10 158
11 175
12 149
13 195
14 175
15 123
16 97
17 91
18 104
19 109
20 107
21 115
22 112
23 154