[JavaScript] 조건문

 

1. if 조건문

• 자바스크립트에서 가장 일반적인 조건문이다.
• 불 표현식의 값이 true면 중괄호 안의 문장을 실행하고, false면 무시한다.
• if 뒤에 소괄호로 표현식을 삽입하고, 중괄호로 표현식이 참일 시 실행할 조건문을 삽입한다.

if (273 > 100) {
	alert('273 > 100 => ture')
}

 

2. if else 조건문

• 두 가지 구분으로 사용할 수 있는 표현식에 else 구문을 삽입해 조건문을 작성한다.

if (불값이 나오는 표현식){
 불값이 참일 때 실행할 문장
} else {
	불값이 거짓일 때 실행할 문장
}

• if 조건문을 2번 사용하지 않아도 된다.

 

3. if else if 조건문

• python elif와 동일하다.
• 3가지 이상의 여러 조건으로 분기를 나눌 때 사용한다.

if (불값이 나오는 표현식){
 불값이 참일 때 실행할 문장
} else if (불값이 나오는 표현식) {
	불값이 참일 때 실행할 문장
} else if (불값이 나오는 표현식) {
	불값이 참일 때 실행할 문장
} else {
	불값이 거짓일 때 실행할 문장
}

 

4. switch 조건문

• break 키워드는 switch 조건문이나 반복문을 빠져나가기 위해 사용하는 키워드다. 코드를 읽다가 break 키워드를 만나면 switch 조건문이나 반복문을 완전히 빠져나간다.
• switch 조건문은 괄호 안에 비교할 값을 입력하고, 이때 입력한 값을 기준으로 코드를 실행한다. 만약 입력한 표현식과 case 키워드 옆의 표현식이 같으면 case 키워드 바로 다음에 오는 문장을 실행한다. 중괄호는 사용하지 않아도 된다.

switch (input % 2) {
	case 0 : 
		alert('짝수')
		break
	case 1 :
		alert('홀수')
		break
}

 

5. 조건부 연산자 (삼항연산자)

• 조건문과 비슷한 역할을 하는 연산자를 조건부 연산자라고 부른다.
  • 항을 3개 깢는 연산자는 조건부 연산자가 유일해서 삼항연산자로 부르기도 한다.

불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과

const input = prompt('숫자를 입력하세요')
const number = Number(input)

const result = (number >= 0) ? '0 이상의 숫자입니다.' : '0보다 작은 숫자입니다.'
alert(result)

 

6. 논리 연산자를 활용한 짧은 조건문

• 논리합 연산자 || 를 사용하면 뒤에 어떠한 값이 들어가도 true, 참 이다.
  • 즉, 좌변이 참이면, 우변을 실행하지 않는다.

ture || console.log('실행될까요?')
//true => 좌변이 참이라 우변까지 가지 않았음

false || console.log('실행될까요?')
//실행될까요? => 좌변이 거짓이라 우변이 실행됨
//undefined 

• 논리곱연산자 && 은 양변이 모두 참일 때만 참이다.
  • 즉, 좌변이 거짓이면 우변을 실행하지 않는다.

false && console.log('실행될까요?')
//false => 좌변이 거짓이라 우변까지 가지 않았음

true && console.log('실행될까요?')
//실행될까요? => 좌변이 참이라 우변이 실행됨
//undefined

• 과거에는 짧은 조건문을 이용한 할당을 많이 사용했고, 짧은 조건문을 이용한 할당은 코드 해석이 어렵다.