본문 바로가기
JS/JS 기초

JS-if 문

by 쫑뚱이 2022. 8. 7.
728x90
반응형

JS-if 문


오늘은 JS에서 if 문에 대해 알아보겠습니다.

 

영어에서 if는 '만약 ~라면' 이런 식으로 해석할 수 있습니다.

 

JS에서도 if 문은 '만약 ~라면 어떤 값을 실행해라'라고 해석할 수 있습니다.

if 문을 사용하면 로그인과 같은 정보를 처리할 수도 있는 중요한 정보입니다.

 

if 문은 if(조건) {실행될 값};로 사용합니다.

(이 때 실행될 값이 한 줄일 경우 {}를 생략하셔도 됩니다.

하지만 가독성과 추후의 수정을 위해서 {}는 같이 작성하시는 것이 좋습니다.)

 

그래서 만약 설정한 조건과 일치한다면 값이 실행될 것이고

만약 일치하지 않는다면 값은 실행되지 않을 것입니다.

 

JS에서는 이런 결과를 기본 자료형에서 불린 형을 통해 구분합니다.

불린 형은 참과 거짓을 나타내는 자료형인데

 

만약 조건이 true라면 값이 실행될 것이고

false라면 값이 실행되지 않을 것입니다.

 

if 문은 기본적으로 이런 식으로 사용됩니다.

 

if 문을 사용하실 때는 몇 가지 알아두시면

좋은데 그중에 else, else if가 있습니다.

 

else는 if가 false가 나왔을 때 값이 실행될 수 있도록

설정할 수 있습니다.

 

작성 방식은

if(조건){실행될 값};

else {실행될 값};

이런 식으로 작성합니다.

위에 if 문에서 조건과 일치하지 않는다면

원래는 실행되지 않고 해당 코드는 완료 처리됩니다.

 

하지만 else를 사용한다면

false일 때 원하는 값을 작성해서

값을 실행할 수 있습니다.

 

else는 필수로 작성해야 하는

사항이 아니라서 꼭 넣을 필요는 없습니다.

 

추가로 한 가지 더 필요한 내용이 있습니다.

 

바로 else if인데요.

else if는 else와 비슷하게

if 문에서 false가 출력됐을 때

해당 값을 지정할 수 있는 조건인데

 

else는 값이 출력되면 끝이지만

else if는 else와 비슷하지만 false가 나오면

다음 값으로 넘어갈 수 있는 조건입니다.

 

예시를 보여드리면

if (조건){ '결과는 false' };

else if (다른 조건){ '결과는 다시 false'};

else { '조건 실패' };

이런 식으로 표현할 수 있습니다.

 

else if는 복수로 사용할 수 있어서

복수의 조건을 지정할 수 있습니다.

 


 

오늘은 if 문에 대해 간단하게 알아보았습니다.

 

if 문은 실무에서 정말 많이 사용하고 있기 때문에

 

기본적으로 어떤 역할을 하는지 아시고

JS를 공부하시다 보면

많이 등장하기 때문에

더 자세히 공부하시면 좋을 것 같습니다.

 

감사합니다!

728x90
반응형

'JS > JS 기초' 카테고리의 다른 글

JS - 논리 연산자 ||(or), &&(and), !(not)  (1) 2022.08.08
JS- 조건부 연산자?  (0) 2022.08.08
JS-모달창  (0) 2022.08.06
JS - 기본 자료형  (0) 2022.08.06
JS(JavaScript) 변수, 상수란?  (0) 2022.08.05

댓글