nexus screen size

nexus 9

nexus 7

cross Platform framwork

angula2
ionic2
cordova



ng new my-app

cd my-app
ng serve --open

http://localhost:4200/

조건문typescript

 조건문


조건문이란?

조건문은 주어진 조건에 따라 각각 다른 실행이 발생하도록 하는 것인데 조건이 참인지 거짓인지를 파악할 때 비교연산자가 이용됩니다.

사실 비교연산자를 배운이유는 바로 지금부터 배울 조건문을 쓰기 위함입니다.



조건문은 if와 else, else if, switch, case 가 있다. 이 중 if,else,else if가 같이 쓰이며 switch,case가 같이 쓰입니다.


if-else

if(true){

    alert(1);

}

alert(2);


다음과 같은 문장이 실행되면 if의 조건값이 true이기 때문에 if안의 내용이 실행되어 1이 나오지만 2는 실행되지 않습니다.

하지만 만약 true가 아닌 false가 조건값이라면 if안의 내용이 실행되지 않으므로 2가 나타날 것입니다.


하지만 위 문장을 다음과 같이도 표현할 수 있습니다.


if(true){

    alert(1);

} else {

    alert(2);

}


다음 조건값이 true경우 1이 출력이 되고 false인 경우 2가 출력되라는 문장입니다.


다음은 else if가 포함된 경우입니다.

if-else if-else

if(false){

    alert(1);

} else if(true){

    alert(2);

} else if(true){

    alert(3);

} else {

    alert(4);

}


위 문장 의 결과는 2입니다.

왜냐하면 이미 true인 값일 때 가장 먼저 적혀있는것이 2이므로 2가 출력이 되고 조건문의 실행은 종료되기 때문입니다.


만약

if(false){

    alert(1);

} else if(false){

    alert(2);

} else if(true){

    alert(3);

} else {

    alert(4);

}


로 나타날 경우 3이 출력됩니다.



다음은 switch-case문입니다.


switch-case문은 switch문에 조건을 주어 switch문안에 case를 주어 해당 조건에 맡는 경우에 따라 다른 결과가 나타나도록 실행시키는 것이다.


switch-case

var a = 1;


switch (a) {

    case 10: alert("no"); break;

    case 20: alert("yes"); break;

    default: alert("hmm"); break;

}


위 결과는 변수 a의 값이 1이므로 switch문 안의 case가 1인것에 해당하는 값을 찾지만 없으므로 default가 실행되어 hmm이 출력됩니다.


var a = 10;


switch (a) {

    case 10: alert("no"); break;

    case 20: alert("yes"); break;

    default: alert("hmm"); break;

}


위 결과는 변수 a의 값이 10이므로 switch문 안의 case가 10인것에 해당하는 yes가 실행됩니다.


** break란? break를 적어준다면 현재 실행되고 있는 문(가장 안쪽 중괄호)을 벗어 난다는 뜻입니다.

   continue란? continue를 적어준다면 현재 실행되고 있는 문을 continue가 적힌위치에서 끊고 다시 처음부터 실행한다는 뜻                     입니다.



물론 조건문 안에 논리 연산자도 사용가능 합니다.



if(false || !true){

    alert(3);

}


boolean값을 따른 조건문도 가능합니다.

0은 false로 0이 아닌 다른 값은 모두 true로 간주됩니다.


if(0){

    alert(1)

}

if(1){

    alert(2)

}

다음과 같은 문장에서는 2가 출력됩니다.


출처: http://sisir.tistory.com/41 [시실의 IT이야기]