본문 바로가기
JavaScript

자바스크립트#03 : 조건문

by haheehee 2022. 12. 13.
728x90

현재 시각 프로그램에 적용하기

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>if test</title>
<script>
	const date = new Date()

	console.log(date.getFullYear())
	console.log(date.getMonth() + 1)
	console.log(date.getDate())
	console.log(date.getHours())
	console.log(date.getMinutes())
	console.log(date.getSeconds())
</script>
</head>
<body>

</body>
</html>

new Date() 객체 생성을 통해 상수를 선언해준다. 

  • getFullYear() 
  • getMonth() : 0월부터이기 때문에 +1을 해주어야 한다.
  • getDate()
  • getHours()
  • getMinutes()
  • getSeconds()

if문


if-else문


다중 if-else문


중첩 조건문


switch 조건문


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

기본 형태 : 

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

<script>
	// 변수를 선언
	const input = prompt('숫자를 입력해주세요.', '')
	const number = Number(input)

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

짧은 조건문

논리합 연산자를 사용

불 표현식 || 불 표현식이 거짓일 때 실행할 문장

 

논리곱 연산자를 사용

결과가 거짓인 불 표현식 && 불 표현식이 참일 때 실행할 문장

<script>
	const 입력 = prompt("정수를 입력해주세요.",'')
	const 끝자리 = 입력 [입력.length - 1]

	// 끝자리 비교
	if (끝자리 === "0" || 끝자리 === "2" || 끝자리 === "4" || 끝자리 === "6" || 끝자리 === "8") {
		alert(`${입력}은 짝수입니다.`)
	} else {
		alert(`${입력}은 홀수입니다.`)
	}
</script>

.split(' ')

.split('/') 함수에 들어간 기호 기준으로(쉼표, 슬래쉬 등 원하는데로 지정 가능)

문자열들이 구분되여 배열이 생성됨

즉 .split(' ')함수가 구분자 역할을 하는 것! 해당 문자열을 기준으로 구분해줌

<script>
	const rawInput = prompt("태어난 해를 입력해주세요", "")
	const year = Number(rawInput)
	const tti = '원숭이/닭/개/돼지/쥐/소/호랑이/토끼/용/뱀/말/양'.split('/')

	alert(`${year}년에 태어났다면 ${tti[year % 12]}띠입니다.`)
</script>

['원숭이', '닭', ... , '양'] 과 같은 배열이 /(슬래쉬) 기준으로 잘라서 만들어진 것!

인덱스가 부여된다는 말이다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

출처 : 혼자 공부하는 자바스크립트 (윤인성)

728x90

댓글