조건문이란 뭘까?
조건문의 정의를 알아보면
조건문 : 어떤 조건이 주어질 때 어떤 동작을 수행하도록 하는, 즉 조건에 따라 실행이 달라지게 할 때 사용되는 문장이다. (위키백과)
즉 (주어진 조건) 상황에 맞게 알맞은 동작(실행)을 하게 하는 게 조건문이다.
이런 게 필요할 것 같다.
1. 조건
2. 조건일 때 실행될 내용
3. 조건이 아닐 때 실행될 내용 (선택사항)
자바스크립트에서는 if와 else if, else로 조건문을 사용한다.
switch문도 사용하는데 일단은 if문만 알아보면 이렇다.
if에 조건과 조건이 맞을 때 실행할 내용을 적는다.
else에 if의 조건이 맞지 않을 때 실행할 내용을 적는다.
else if에는 if의 조건이 맞지 않을 때 쓸 다른 조건과 내용을 적는다. (개수 제한 없다)
if( 조건 ){ 내용 }
if( 조건 ){ 내용 }
else { 조건이 실행되지 않을 때 내용 }
if( 조건 1 ){ 내용 }
else if( 조건 2){ 내용 }
else{ 내용 }
조건에 따라서 다른 값을 변수에 줘야하는 경우에는 조건부 연산자 ? 로 더 간단하게 작성할 수 있다.
let 변수 = 조건 ? 값1 : 값2;
//조건이 참이면 값1을, 거짓이면 값2를 변수에 할당한다
나이가 18보다 많으면 true, 적으면 false를 준다고 했을 때 아래와 같이 쓸 수 있다.
let accessAllowed:
let age = prompt('나이를 입력해 주세요.', '');
if (age > 18){
accessAllowed = true;
//19세 이상이면 허용
} else {
accessAllowed = false;
//18세 이하면 거부
}
alert(accessAllowed);
이를 ? 연산자를 사용하면 더 간단히 할 수 있다.
let accessAllowed = (age > 18) ? true : false;
alert(accessAllowed);
//비교 연산자 자체가 true나 false를 반환하기 때문에 더 줄일 수 있다.
let accessAllowed = age > 18;
alert(accessAllowed);
if 조건문은 이렇게 작동한다.
첫번째 if 문의 조건을 검사하고 거짓이면 다음 else if 문의 조건을 검사하고 참이면 내용을 실행하고, 거짓이면 다음 else if 조건으로 넘어간다. 그러다가 조건이 모두 거짓이면 else문의 내용을 실행한다.
이는 검사해야할 조건이 많을 때 비효율적이다.
참고 : https://ko.javascript.info/ifelse
참고 : https://ko.wikipedia.org/wiki/%EC%A1%B0%EA%B1%B4%EB%AC%B8
'HTML, CSS, JavaScript > 자바스크립트' 카테고리의 다른 글
논리 연산자 (0) | 2022.06.28 |
---|---|
조건문 (switch-case) (0) | 2022.06.28 |
비교 연산자 (0) | 2022.06.27 |
기본 연산자와 수학 (0) | 2022.06.27 |
형변환 (0) | 2022.06.26 |
댓글