조건문은 조건식이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어한다. 조건문의 종류에는 if문, else문, if else문이 있다.
if문
if문은 조건식을 만족(true)할때 코드를 실행한다.
if (ture가되거나false가되는조건식){
자바스크립트코드;
}
if문 예시
// y의 길이가 5보다 크거나 같으면 길이를 console.log로 출력하자
lety = "hello world"
if(y.length >= 5){
console.log(y.length)
}
else문
else문은 조건식을 만족할(true) 경우와 만족하지 않을(false) 경우에 따라 실행되는 코드가 달라진다. 조건식에 만족하는 true와 만족하지 않을 때 나타나는 false 두가지 결과가 나올 수 있다.
if(true가되거나flase가되는조건식){
true면실행되는자바스크립트코드;
} else {
else면실행되는자바스크립트코드;
}
else문 예시
// x가 0보다 크면 양수, 0보다 작으면 음수로 출력하자.
letx = 10
if(x > 0){
console.log('x는 양수입니다.');
} else {
console.log('x는 음수입니다.');
}
// x가 0보다 크면 양수, 0보다 작으면 음수로 출력하자.
letx = -3
if(x > 0){
console.log('x는 양수입니다.');
} else {
console.log('x는 음수입니다.');
}
else if문
else if문은 두가지 이상의 조건식(if, else if)과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드(else)로 이루어져 있다.
if(true가되거나flase가되는조건1){
첫번째조건이만족(true)면실행되는자바스크립트코드;
} elseif(조건2){
두번째조건에만조하면실행되는자바스크립트코드;
} else {
첫번째두번째조건에만족하지않으면실행하는자바스크립트코드;
}
if else문 예시
letx = 10;
if(x < 0){
console.log('1');
} elseif(x >= 0 && x < 10){
console.log('2');
} else {
console.log('3');
}
letx = -1;
if(x < 0){
console.log('1');
} elseif(x >= 0 && x < 10){
console.log('2');
} else {
console.log('3');
}
중첩 if문
조건문 안에 조건문이 있으면 중첩 if문이라고한다. 중첩 if문은 바깥쪽에 있는 조건문인 조건식1을 만족해야만 안쪽에 있는 조건문인 조건식2를 검사할 수 있다. 만일 안쪽 if문의 조건식2를 만족하지 않으면 바깥쪽 조건문인 조건식1의 중괄호 안에있는 코드만 실행하고 종료한다.
if(조건식1){
} if(조건식2){
조건식1이만족해서조건식2를실행했을때만족하여실행하는자바스크립트코드;
}
중첩 if문 예시
letage = 20;
letgender = "여성";
// 성인&학생 + 성별 구분
if(age >= 18){
if(gender === "여성"){
console.log("성인 여성입니다.")
} else {
console.log("성인 남성입니다.")
}
} else{
console.log("청소년입니다.")
if(gender === "여성"){
console.log("여학생 입니다.")
} else{
console.log("남학생 입니다.")
}
}
조건부 실행
어떤 조건에 만족했을때에만 실행하는 것 조건부 실행은 요즘 많이 사용되며 요즘스러운 개발 패턴이다.
&&(and)조건부 실행 예시 x가 0보다 크면 (and) console.log를 실행하자.
letx = 10;
// 조건부 실행
x > 0 && console.log("x는 양수입니다.");
// 일반적인 if문
if(x > 0){
console.log("x는 양수입니다.")
}
||(or)조건부 실행 예시 y는 선언만 해주고, y가 존재하지 않을 경우 우측에 있는 값으로 세팅하자.
