[TIL] JavaScript 문법 - 조건문 23.05.24

✔️오늘 한일!

• JS 종합반 4주차 완강, 숙제는 2주차까지 제출
• Git 특강 (2/2)
• 프로그래머스 코딩테스트 1문제

JS 종합반 1회독 후에 문법정리를 해두려고했는데 생각보다 분량이 많아질 것 같다.. 😅
오늘은 강의에 시간을 많이 할애해서 알고리즘 문제를 풀어보지 못했는데 주말에 조금씩 풀어볼 생각!

---

문법의 기본형태와 생각나는 대로 간단한 사용예제 코드를 작성해봤다.
강의를 다 듣고 나면 문법에 해당하는 코딩테스트 문제를 해결해볼 예정!

1-1. if 조건문

기본형태

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

간단한 사용예제

let person = {
	name: "John",
  	age: 23
};

if (person.age >= 20) {
  console.log('성인입니다.')
}
> 성인입니다.

1-2. if else 조건문

조건문이 참인 경우와 거짓인 경우 각각 다른 코드를 실행
기본형태

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

간단한 사용예제

let person = {
	name: "John",
  	age: 18
};

if (person.age >= 20) {
  console.log('성인입니다.')
} else {
  console.log('미성년자입니다.')
}
> 미성년자입니다.

1-3. if else if else

if(불 값이 나오는 표현식1) {
	if(불 값이 나오는 표현식2) {
		표현식2가 참일 때 실행할 문장
	} else {                   			 -> 표현식1 참이면 실행
		표현식 2가 거짓일 때 실행할 문장
	}
} else {
	if (불 값이 나오는 표현식3) {
		표현식 3이 참일 때 실행할 문장
	} else {                 			-> 표현식1 거짓이면 실행
		표현식 3이 거짓일 때 실행할 문장
	}
}

간단한 사용예제

const date = new Date()
const hour = date.getHours()

if (hour < 11) {
  console.log('오전입니다.')
} else {
  if (hour < 17) {
    console.log('오후입니다.')
  } else {
    console.log('저녁입니다.')
  }
}

1-4. if else if 조건문

if (불 표현식) {
      문장
  } else if (불 표현식) {
      문장
  } else if (불 표현식) {
      문장
  } else {
      문장
  }

간단한 사용예제

let user = {
  name: "John",
  point: 85,
}

if (user.point === 100) {
  console.log('만점입니다.')
} else if (user.point >= 60 && user.point < 100) {
  console.log('합격입니다.')
} else {
  console.log('불합격입니다.')
}

2. switch 조건문

switch(자료) {
	case 조건A :
		break
	case 조건B :
		break
	case 조건C :
		break
	default: //생략가능
    break
}

간단한 사용예제

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

  switch (input % 2){
    case 0:
      alert('짝수입니다.')
      break
    case 1:
      alert('홀수입니다.')
      break
    default:
      alert('숫자가 아닙니다.')
      break
  }

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

불 표현식 ? true일때 결과 : false일때 결과 

간단한 사용예제

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

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