자바스크립트 : 조건문(if, if-else, else / switch / break, continue), isNaN()

조건문을 사용해 특정 조건일 때만 실행하는 코드를 만들 수 있다.

 

 

if

결과가 true일 때만 실행한다.

if (조건) {
  코드;
}

 

 

if - else

if - else if - else

으로 사용할 수 있다.

 

 

        var n = 10;
        if(n%2==0){
            document.write("이 숫자는 짝수입니다.")
        }
        else
        document.write("이 숫자는 홀수입니다.")

else로 나머지 조건에 대한 코드를 만들었다.

 

 

    <style>
        .bold{
            font-weight: bold;
        }
    </style>
    <script>
        for (i = 1; i < 101 ; i++) {
            var classname='';
            if(i%5==0||i%9==0)
            classname='bold';
           document.write(`<span class = '${classname}'>${i}</span> `)}
    </script>

1~100 숫자 출력하면서 5와 9의 배수를 출력할 때는 글꼴을 두껍게 처리하였다.

클래스를 이용해서 스타일을 주었다.

 

 

switch

조건문 switch는 일치하는 값에 따라 조건을 줄 수 있다.

let no = Number(prompt('숫자입력, 1-google / 2-naver / 3-daum','0'));
let url = 'https://';
switch(no){
    case 1 : url+='google.com'; break;
    case 2 : url+='naver.com'; break;
    case 3 : url+='daum.net'; break;
    default : url+='cyworld.com'; break;
}
location.href=url;

해당 숫자가 들어올 때 url변수에 특정 주소를 넣어주고, location.href로 url 이동하도록 지정했다.

 

 

 

break, continue

반복문 안에서는 break 와 continue 를 이용해서 반복문에서 벗어나거나, 그 다음 반복 회차를 실행하도록 할 수 있다.

 

 

break

    let i = 1;
    while(true){
        document.write(i, ' ')
        if(i==100) break;
        i++;
    }

숫자 1부터 100까지 출력하는 명령문을 while 무한 반복문을 이용하였다.

조건문이 true인 무한반복문을 빠져나오기 위해서 break를 걸어주었고 if 조건이 만족하면 break;가 실행되어 감싸고 있는 반복문 하나를 강제 종료한다.

 

 

continue

        for(i=1;i<=100;i++){
            if(i%2==0)
            continue; 
            document.write(i,' ');
        }

if 조건이 만족되면 continue; 하도록 조건을 걸어주었다. continue 이후 남은 코드를 무시하고 다음 반복 회차로 넘어간다.

 

 

 

isNaN()

Not a Number, 매개변수가 숫자가 아닌지 검사하는 함수이다. 매개변수가 숫자가 아니면 true, 숫자이면 false를 반환한다.

 

    document.write(isNaN(100),"<br>"); //false
    document.write(isNaN(0),"<br>"); //false
    document.write(isNaN(-100),"<br>"); //false
    document.write(isNaN("100"),"<br>"); //false
    document.write(isNaN("12*34"),"<br>"); //true  
    document.write(isNaN("1A0"),"<br>"); //true
    document.write(isNaN("1RRR"),"<br>"); //true

100, 0, -100같은 숫자는 물론 false를 반환하고, "100"이나 '100'처럼 문자열로묶인 숫자가 될 수있는 것들도 false로 반환한다. 숫자사이에 문자가 있으면 문자로 인식하고, true를 반환한다.