티스토리 뷰
반응형
변수를 만드는 행위를 '선언'이라고 하며 let, const, var로 '선언문'을 만든다. 이번에 알아볼 또 다른 문으로 '조건문'이 있다. 조건문은 조건에 따라 코드를 실행하거나 실행하지 않는다. 조건문의 형식은 다음과 같다.
// 기본형
if (조건식)
실행문;
// 실행문이 2개 이상일 경우
if (조건식) {
실행문1;
실행문2;
}
실행문이 여러 개라면 중괄호로 한 번 감싸주면 된다. 실행문이 하나일 때는 중괄호를 사용하지 않아도 되지만, 헷갈리는 걸 방지하기 위해 중괄호로 감싸주는 걸 추천한다. 조건식이 true 값을 가지면 내부에 있는 실행문이 실행된다. 반면 조건식이 false 값을 가지면 내부에 있는 실행문이 실행되지 않는다.
if (ture)
console.log('참입니다.');
// 참입니다.
if (false)
console.log('거짓입니다.');
// (출력되지 않음)
같은 원리로 조건식에 있는 값을 불 값(boolean)으로 형 변환했을 때 false라면 결과가 출력되지 않는다. 대부분의 값은 불 값으로 형 변환하면 true가 된다. 하지만 아래의 경우 불 값이 false가 되니 암기해두면 좋다.
불 값(boolean)이 false인 값: false, NaN, undefined, null, 0, ''(빈 문자열)
if(null)
console.log('결과');
// (null의 불 값은 false이므로 출력되지 않음)
if(0)
console.log('결과');
// (0의 불 값은 false이므로 출력되지 않음)
참고로 조건식에는 변수를 넣을 수도 있다.
let bool = true;
if (bool) {
console.log('참입니다.');
}
// 참입니다.
반응형
'JavaScript' 카테고리의 다른 글
[Javascript] 조건부 연산자(조건부 삼항 연산자), if문과 비교 (0) | 2021.08.30 |
---|---|
[Javascript] switch문 사용법, if문과 차이점, break, default (0) | 2021.08.29 |
jQuery each() 두가지 방식 매서드 (0) | 2020.12.20 |
var, let, const 차이점과 유효범위 (Scope) (4) | 2020.12.16 |
Load와 DOMContentLoaded의 차이 (0) | 2020.12.10 |