본문 바로가기

프로그래밍 기초/javascript

JS 프로그래밍 -조건문-

조건문이란?
조건문은 if나 else, if else를 사용해서
특정한 경우에 특정 코드를 실행시킬 수 있게 해주는 프로그래밍에서 아주 중요한 요소라고 할 수 있겠습니다.
조건문은 만약 ~~이라면 코드 x를 실행하고 그게 아니라면 코드 y를 실행해서 보다 나은 프로그래밍을 할 수 있게 도와줍니다.
조건문을 사용하는 방법
조건문을 사용하기 위해서는 if를 쓸 줄 알아야 합니다 if는 만약 ~~라면 이라는 뜻이죠
그래서

다음과 같이 if를 사용할 수 있습니다.
if(boolean){
      코드 
}
코드 한줄은 {} 생략 가능
여기에서 코드 한줄은 중괄호를 생략할수 있다고 되어 있는데
그 이유는 원래 if는
if(boolean)
      코드 한줄

이렇게 되는데 if 가 중괄호 열리는 부분부터 닫히는 부분까지를 하나의 코드로 인식하기 때문에
2줄 이상부터는 중괄호가 필요하게 됩니다.

여기서 boolean 은 true 나 false를 뜻하게 됩니다.
예제를 봅시다

첫 번째 예제를 보면 2줄 이상도 실행 된다고 생각할 수 있지만
2번째 console.log는 조건문 if에 속한것이 아니라 그냥 코드로 인식되기 때문에
조건문이 false라도 출력되는 것을 볼 수 있습니다.

위의 예제를 봅시다
각각의 빨간 네모 박스가 if문을 사용한 것입니다.
여기에서 우리는 boolean 값이 0이나 false는 false 를 뜻하고 나머지는
true 를 뜻한다는 것을 알 수 있습니다. 

또 다른 방식으로는 비교 연산자를 사용하면 그 값이 true 인지 false인지를
알아내서 코드를 실행시키거나 실행시키지 않습니다.

ELSE
다음은 if와 함께 else 를 사용하는 방법입니다.
else{
코드
}
코드 한줄은 {} 생략 가능
else는 또 다른 이라는 뜻을 지니죠
그래서 다음과 같이 쓸 수 있습니다.

위의 예제를 보면 5가 3보가 크다 는 boolean  값이 true 이기 때문에 1이 출력이 되었지만
5가 3보다 작다 는 boolean 값이 false 인데 2가 출력이 되었습니다.(else를 쓸 때는 보기 좋게 중괄호를 넣읍시다)
이를 통해 우리는 else가 boolean 값이 false 일 때 아래 코드를 실행시키는 코드라는 것을 알 수 있습니다.

ELSE IF
그 다음은 ELSE IF 입니다.
if(boolean){
      코드 
}else if(boolean){
      코드 
}
다음과 같은 형태로 이루어지게 됩니다.
먼저 if문의 boolean을 확인합니다
그리고 boolean 값이 false라면 else로 넘어가서 조건문 if를 실행하게 되어서
else if의 boolean 값을 확인합니다.
그리고 else if 의 boolean 이 true 라면 코드를 실행합니다.
사실 else if 는 그저 else로 if문을 실행시킨 것 뿐이지만 많이 사용하는
것이기 때문에 포함시켰습니다.

위의 예제에서 if 문이 실행되었지만 boolean 값이 false여서 else if로 넘어갔는데
거기에서도 5<4 의 boolean 값이 false 이기 때문에 결과적으로 아무것도 출력 되지 않았습니다.

위에서 처음 boolean 값은 false이고
두 번째 boolean 값은 true 이며
3번째 boolean 값은 true인데
1은 출력되지 않고 2는 출력되고 3은 출력되지 않았습니다.
왜 3번째는 출력되지 않은 것일까요?
그 이유는 2번째 boolean 값이 true이기 때문에 2가 출력 되고
else가 실행되지 않아서 if문도 실행되지 않았기 때문입니다.
여기까지가 조건문이었고
다음에는 또 다른 중요한 문법(?)인
반복문에 대해서 알아보도록 하겠습니다.

'프로그래밍 기초 > javascript' 카테고리의 다른 글

[JS 프로그래밍 6] 함수  (0) 2017.09.16
[JS 프로그래밍 5] 반복문  (0) 2017.09.12
JS 프로그래밍 -연산자-  (0) 2017.09.10
JS 프로그래밍 -숫자,문자-  (0) 2017.09.07
JS 프로그래밍 -변수 선언-  (0) 2017.09.07