자바스크립트(6) 조건문

자바스크립트 강의 

개발일지

학습 진행 내용

조건문

if

if 구문을 활용해 조건을 만족했을 때만 코드를 실행하도록 할 수 있다.

이 조건의 결과값이 바로 Boolean 이다.

Boolean을 리턴하는 연산자는 비교연산자, 논리연산자, 일치연산자가 있다

 

if (조건) { 조건을 만족할 때 실행할 코드 }

const shoesPrice = 40000
if (shoesPrice < 50000) { // 신발 가격이 50000원보다 작으므로 해당 코드가 실행됨
	console.log('신발을 사겠습니다.')
}

const capPrice = 50000
if (capPrice < 50000) {
	console.log('모자를 사지 않겠습니다.') 
    // 모자 가격이 50000원보다 작지 않으므로 해당 코드가 실행되지 않음
}

🔥 if 구문의 body(중괄호 안쪽) 코드를 작성할 때 들여쓰기를 했다

자바스크립트에서는 들여쓰기를 할 때 보통 탭 (Tab) 키를 사용한다.

사실 들여쓰기는 반드시 하지 않아도 상관없다.

 하지만 들여쓰기를 통해 해당 코드가 if 구문안에 속하는 코드라는 것을 보다 명시적으로 보여 줄 수가 있다.

비록 코드를 최종적으로 해석하는 것은 컴퓨터지만 이 코드를 읽고 작성하는 주체는 사람이다.

 그래서 코드를 작성할 때는 가독성을 최대한 높일 수 있도록 하는게 좋다. 

 

else, else if

if 구문의 조건을 만족하지 않았을 때 실행하고 싶은 코드를 else 구문과 함께 작성한다.

const shoesPrice = 50000
if (shoesPrice < 40000) { 
	console.log('신발을 사겠습니다.')
} else {
	console.log('너무 비싸요. 신발을 사지 않겠습니다.') 
    // 신발 가격이 40000원보다 작지 않으므로 해당 코드가 실행됨
}

 

else if 구문을 활용하면 보다 더 많은 조건을 판단하고 코드를 실행할 수 있다.

const shoesPrice = 50000
if (shoesPrice < 40000) { 
	console.log('신발을 사겠습니다.')
} else if (shoesPrice <= 50000) {
	console.log('고민을 해볼게요...')  
    // 신발 가격이 50000원보다 작거나 같으므로 않으므로 해당 코드가 실행됨
} else {
	console.log('너무 비싸요. 신발을 사지 않겠습니다.')
}

 

연습) 거리를 의미하는 변수를 선언하고 원하는 숫자값 (단위는 km라고 가정) 을 할당한다.

2km 미만이면 "걸아가자"를, 2km 이상이고 5km 미만이면 "택시를 타자"를, 그 외에는 "기차를 타자"를 출력해본다.

const distance = 2
if (distance < 2) {
	console.log("걸어가자")
} else if (distance >= 2 && distance < 5) { // 논리연산자를 && 를 이렇게 활용할 수 있다.
	console.log("택시를 타자")
} else {
	console.log("기차를 타자")
}