자바스크립트 조건문, 어렵지만 이해하면 재밌다!

안녕하세요~ 오늘은 조건문에 대해 알아보는 시간을 갖겠습니다!

저번엔 반복문을 했죠? ㅎㅎ 

조건문은 더 어려운 것 같아요 ㅜㅜ 특히 둘이 같이 쓰면요..

 

일단 조건문이란 무엇인지?

 

✨조건문

조건문은 주어진 조건식의 결과에 따라 별도의 명령을 수행하도록 제어하는 명령문입니다.

그럼 조건문들에는 어떤 것이 있는지 살펴볼까요?

 

 

✨if문

if문은 조건식의 결과가 참(true)이면 주어진 명령문을 실행하며, 거짓(false)이면 아무 것도 실행하지 않습니다.

 

if문 순서도로 표현하여 살펴볼까요?

그래서 if 문의 공식은 어떻게 쓰느냐!

요런식으로 써주면 된답니다.

 

예제로 한 번 살펴볼까요?

See the Pen if문 예제 by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen.

if문 조건에 들어가는 값에 따라 

true, false로 나뉘는데요,

 

true : 0을 제외한 숫자, 문자열, [ ], { }, true

false : 0, null, undefined, false, ""(빈문자열)

 

 

잘 기억해둬야겠죠?~

또, if문에 들어가는 중괄호를 생략해 간단하게 표현할 수 있습니다!

이렇게요!

✨if...else문

if문과 함께 사용하는 else문은 if문과는 반대로 주어진 조건식의 결과가 거짓(false)이면 주어진 명령문을 실행합니다.

 

아래의 이미지로 보면 이해하기 쉬우실거에요!

그렇다면 if else문의 공식은 무엇이냐!

요런식으로 써주시면 됩니당

 

예제로 한 번 살펴볼까요?

 

 

See the Pen if else문 예제 by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen.

그 외에도 if 문을 여러 개 쓸 수 있는 다중 if문, if문을 중첩해서 쓸 수 있는 중첩 if문이 있습니다.

✨삼항 연산자

소스가 복잡할 경우 기본 if문보다 삼항 연산자를 통해 효율적으로 쓸 수 있습니다.

조건이 true일 경우 처음 나오는 값을 출력하고, false일 경우에는 그 다음 값을 출력합니다.

 

삼항 연산자의 공식을 알아보겠습니다!

또 예제를 살펴봐야겠죠?

 

See the Pen 삼항 연산자 예제 by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen.

오늘은 이렇게 조건문에 대해 알아봤는데요~

도움이 되셨다면 공감과 댓글 많이많이 부탁드려요~!! ヾ(≧▽≦*)o