[JavaScript] 제어문

▶ JS에서 false로 취급하는 값

0, ""(빈 문자열), NaN(숫자가 아님, Not A Number), undefined, null

 

▶ if, if else문

if문은 소괄호 안의 조건이 'true'면 중괄호 안의 조건이 실행되고, 'false'면 중괄호 안의 소스를 무시하는 형태로 실행된다. if else문 같은 경우는, 소괄호 안의 조건이 'true'면 중괄호 안의 조건이 실행되고, 이외의 경우는 else문의 중괄호 안의 조건이 실행되도록 하는 제어문이다. 

var num = 1;
if(number < 0) {
    alert("0보다 작습니다.");
}
else {
    alert("0이거나 0보다 큽니다.");
}

※ if문과 else문의 명령어가 1줄인 경우, 중괄호를 생략할 수도 있다.

 

▶ 조건 연산자 - ?와 :

조건문은 다음과 같이 간단히 나타낼 수도 있다. 

var num = 1;
(num>0)?alert("0보다 큽니다."):alert("0이거나 0보다 작습니다.");

 

▶ Switch문

여러가지 조건과 입력값을 비교해야 하는 경우(파일 업로드 에러코드에 따른 알림창), if문을 쓰는 것보다 switch문을 쓰는 것이 경제적인 경우가 많다.  

var num = 1;
switch(num) {
    case 1 : alert("num은 1입니다.");
    case 2 : alert("num은 2입니다.");
    case 3 : alert("num은 3입니다.");
    case 4 : alert("num은 4입니다.");
    default: alert("num은 1,2,3,4 이외의 수 입니다.");
}

 

▶ for문

for문은 어떤 동작을 여러 번 실행하는데 사용한다. for문의 구조는,

for(①i변수 선언,②for문의 조건식,③i변수 조절) {④반복실행할 소스}

와 같이 사용할 수 있다. 1부터 100까지 더한 값을 출력하는 과정을 표현한다면 다음과 같이 표현할 수 있다.

var sum = 0;
for(var i=1; i<101; i++) {
    sum += i;
}
document.write(sum);

※ 배열값을 전부 출력하고 싶다면, for ~ of문을 사용할 수도 있다.

let array = [0,1,2,3];
for(let value of array) {
    document.write(array);
}

 

▶ While문, Do while문

for문의 ②조건식 과 마찬가지로, 소괄호안의 조건이 만족되는 조건 동안 명령을 반복하는 명령이다. do While문의 경우, do 명령안의 소스를 반복 실행하는데, 끝에서 조건을 확인한다는 점에서 다르다.

// While문
var i = 0
while (i < 10) {
    document.write("반복<br>");
    i += 1;
}
// do while
var i = 0
do {
    document.write("반복<br>");
    i += 1;
} while (i < 10);

※ break 같은 경우, 반복문에서 빠져나올 때, Continue의 경우, 반복문안에서 다음 명령들을 건너뛰고 반복문의 맨앞으로 돌아와 반복을 시작하게 한다. 이를 활용해서 짝수만 더하는 반복문을 구성할 수 있다.

var n = 10;
var sum = 0;
for (var i=1; i<=n; i++) {
    if(i%2==1) {
        continue;
    }
    sum += i;
}
document.write(sum);