자바 스크립트의 조건문에 대해 살펴보자. 다른 언어들에서 숱하게 배운 if문의 내용과 비슷하므로 어렵지 않다.
우선 조건문이란 if, else를 사용해 조건의 결과(truthy, falsy - 참 거짓 여부)에 따라 다른 코드를 실행하는 구문이다.
아래에 예시 코드를 작성해보았다.
let isShow = true;
let checked = false;
if (isSnow) {
console.log('Show!');
}
if (checked) {
console.log('checked!')'
}
우선 isShow와 checked라는 변수를 선언했고, if 키워드와 { } 로 이루어진 조건 블럭(=조건문)이 있다. 조건문의 생김새는 함수와 유사하지만 동작하는 방식은 완전히 다르다!
중괄호 안에는 isShow 라는 변수가 조건으로 들어있다. 해당 변수에 우리는 참 값인 true를 넣었으므로 조건이 참이 되고, 조건문의 코드가 실행되어 결과적으로 Show 라는 메시지가 출력될 것 이다.
checked 라는 변수는 false 값이 할당되어 있으므로 조건이 거짓이 되고, 중괄호 안의 내용이 실행되지 않아 Checked라는 메시지는 표시되지 않을 것이다.
다음 아래의 코드를 살펴보자.
let isShow = true;
if (isShow) {
console.log('Show!');
} else {
console.log('Hide?');
}
isShow 변수에는 true 값이 할당되어 있고, 조건문에서 if와 else 키워드를 확인할 수 있다. 여기서 if문의 조건식이 참 값이 되므로 Show! 라는 글자가 출력될 것이다.
즉 if else문 에서는 조건이 true이면 if에 해당하는 중괄호 안의 영역의 코드가 실행되고 그 외의 내용은 실행되지 않는다. 만약 isShow의 값이 false 였다면 조건이 거짓이 되므로 if { } 영역이 아니라 else { } 영역이 실행되고 결과적으로 Hide? 값이 출력될 것이다!!
※ 본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
https://bit.ly/3FVdhDa
'etc... > 패스트캠퍼스 챌린지' 카테고리의 다른 글
패스트캠퍼스 챌린지 27일차 - Part1. Ch9 (0) | 2021.11.27 |
---|---|
패스트캠퍼스 챌린지 26일차 - Part1. Ch9 (0) | 2021.11.26 |
패스트캠퍼스 챌린지 24일차 - Part1. Ch9 (0) | 2021.11.24 |
패스트캠퍼스 챌린지 23일차 - Part1. Ch9 (0) | 2021.11.23 |
패스트캠퍼스 챌린지 22일차 - Part1. Ch9 (0) | 2021.11.22 |