우리가 살아갈 때도 항상 조건이 있다.
코딩에서도 아주 요긴하게 잘 쓰이는 문법인데 바로 조건문이다.
# 1. 조건문

조건문이란?
특정 조건을 만족하게 되면 지정한 행동을 수행하게 하는 문법이다.
자바스크립트에서 표현하는 방식은 아래와 같다.
if (조건) {true 일 때 원하는 행동};
if (조건) {true 일 때 원하는 행동
} else {
false 일 때 원하는 행동};
여기에서의 조건은 앞서 이야기한 Boolean (true or false) 값으로 변환이 가능한 조건을 말한다.
ex) x가 10보다 크다, x가 특정 단어를 포함한다, x는 y다. 등
위 예시의 문구들은 모두 예(true), 아니오(false)로 대답할 수 있으며 대답에 따라 각기 다른 명령을 수행할 수 있다.
(위 이미지에서 if ~ else 문)
뿐만 아니라 조건을 여러개를 설정하여 각 조건에 맞는 명령 수행도 가능한데
위와 같은 방법을 if ~ else if ~ else 로 표현한다.
if (조건1) {조건1의 true 일 때 행동}
else if (조건2) {조건 2의 true 일 때 행동}
else {모든 조건에 false 일 때 행동};
# 2. 조건문의 중첩
다수의 조건이 있는 중첩이라는 의미보다는 조건 안에 또 다른 조건이 있다.
아래 예시를 보면 더 쉬운데

위 예시는 나이로 true / false를 나누고 그 결과 값 안에서 다시 성별로 나뉘게 된다.
이처럼 조건문은 여러방면으로 활용이 가능하다.
# 3. truethy, falsy
아까 조건문에서의 조건은 true or false로 대답이 가능해야한다고 했다.
데이터의 형식에서 배웠던 내용을 적용해보면 어떨까?

모두 예상한 바와 같이 맨 밑 조건에 true가 들어간 부분만 콘솔에 찍힌다.
이전 포스팅 #3-2. 명시적 형 변환에서 관련 내용을 다룬적이 있다.
https://geniusjun6.tistory.com/3
자바스크립트_Chapter 1. 기본 문법 (변수, 데이터 형식)
내일배움캠프를 시작하고도 2주차가 된지 꽤 오래.. 지난주 베트남 여행으로 3일 결석 기간 중에 간단한 웹 페이지를 만드는 미니 프로젝트를 끝으로 새로운 챕터(자바스크립트)가 시작되었다. (
geniusjun6.tistory.com
# 4. switch 문
스위치문은 조건문 중 하나로 변수의 값에 따라 여러 경우 중 하나를 선택한다.

내가 지정한 값이 있다는 부분과 break; 문을 사용해야한다는 점이 특징인데
break 을 사용해야 스위치 문이 종료가 된다.
오늘은 조건문에 대해 간략하게나마 포스팅을 해보았다.
강의 시간에서도 아주 기초적인 부분이었기에 큰 도움이 되겠냐마는 나의 모토가 기초부터 천천히이기에 언젠가 도움이 되리라..
오늘도 반발짝 끝판왕에 다가갔다.
'자바스크립트 도전' 카테고리의 다른 글
| 자바스크립트_Chapter 6. 기본문법 (반복문) while (1) | 2023.10.30 |
|---|---|
| 자바스크립트_Chapter 5. 기본문법 (반복문) (0) | 2023.10.26 |
| 자바스크립트_Chapter 3. 기본문법(함수) (1) | 2023.10.23 |
| 자바스크립트_Chapter 2. 기본문법(연산자) (2) | 2023.10.19 |
| 자바스크립트_Chapter 1. 기본 문법 (변수, 데이터 형식) (4) | 2023.10.18 |