날이 많이 더워졌다. 비가 와서 한번 온도 좀 떨어뜨려줬으면... 그래도 카페에서 에어컨 바람을 맞으며 코딩 공부를 하고 있으니 그래도 시원하니 됬다고 만족해버렸다. 5일차에는 어제에 이어서 다른 조건문을 공부해보았다.
21/05/14 JavaScript 공부 요약
1. switch 조건문
- 기본형태
switch (자료) {
case 조건 1:
break
case 조건 2:
break
default: //생략 가능
braek- 사용예시
//짝수와 홀수를 구분하는 코드
<script>
const a = Number(prompt('숫자를 입력해주세요.',''))
//사용자에게 숫자를 입력받습니다.
switch (a % 2) { // 입력받은 a 를 2로 나누는 나머지 연산자를 이용한다.
case 0:
alert('짝수') // 2로 나눈 나머지가 0 이면 짝수
break // 입력받은 a 가 나머지가 0 이면 여기서 멈추고 종료한다.
case 1:
alert('홀수') // 2로 나눈 나머지가 1이면 짝수
break // 입력받은 a 가 나머지가 1 이면 여기서 멈추고 종료한다.
default:
alert('잘못된 숫자 입니다.')
break
}- 설명
switch 조건문은 괄호 안에 뒤의 괄호에 비교할 자료를 입력하고 입력한 표현식이 case 옆의 조건과 같으면 case 다음 문장을 바로 실행한다. 위의 예시를 빌어 설명하면 입력받은 숫자가 2 일때 '2 % 2 = 0' 이므로 첫번째 케이스 'case 0:' 에 일치하므로 바로 다음 문장인 'alert('짝수')' 를 실행한다. 그리고 다음의 'break' 키워드는 조건문을 멈추고 빠져가가기 위한 키워드이다. 코드를 따라오다가 일치하는 조건에서 break 를 만나면 조건문을 완전히 빠져나간다. - if 조건문과 비교
<script>
// 위의 switch 조건문을 사용한 짝수 홀수 구분 코드를 if 조건문으로 만들어봤다.
const a = Number(prompt('숫자를 입력해주세요',''))
// 사용자에게 숫자를 입력받습니다.
if (a % 2 === 0) {
// a % 2 가 0과 같다면 아래 alert(`${a}는 짝수 입니다.`) 부분을 출력
alert(`${a}는 짝수 입니다.`)
} else {
alert(`${a}는 홀수 입니다.`)
// a % 2 가 0과 같다면 아래 alert(`${a}는 홀수 입니다.`) 부분을 출력
}
</script>어제 배워 본 if 조건문을 이용하여 같은 짝수와 홀수를 구분하는 코드를 만들어보았다. 코딩 공부의 걸음마를 시작한 내 입장에선 조건수가 적으면 if 조건문이 효율적으로 보이고 조건이 늘어나면 switch 조건문이 좋아보인다. 이는 계속 공부를 해나가면서 확실한 해답을 찾을 수 있을꺼 같다.
2. 조건부 연산자
- 기본형태
상당히 특히한 형태를 가지고 있다. 책에 따르면 3개의 항을 갖는 연산자는 자바스크립트 내에서 조건부 연산자가 유일하므로 '삼항 연산자' 라고 부르기도 한다.
불 표현식 ? true 일 때의 결과 : false 일 때의 결과- 사용예시
<script>
const a = Number(prompt('나이를 입력해주세요.',''))
// 사용자로부터 숫자를 입력받아 상수 a 를 선언합니다.
const result = (a <= 19) ? '성인이 아닙니다.' : '성인 입니다.'
// 입력받은 상수 a 가 19보다 작거나 같으면 '성인이 아닙니다.' 출력
// 입력받은 상수 a 가 19보 크면 '성인 입니다.' 출력
alert(result) // 결과값을 true, false 에 맞춰 alert 으로 출력
</script>3. 논리합 연산자를 이용한 짧은 조건문
- 기본형태
불 표현식 || 불 표현식이 false 일 때 실행할 문장 - 사용예시
자바스크립트는 true 가 확실할 때 추가 연산을 하지 않는다. 따라서 좌변이 true 이면 우변이 실행되지 않는다. 좌변이 false 일때만 우변이 실행된다.
false || alert('안녕하세요')
// 좌변이 false 이므로 뒤의 alert을 실행한다.
// 만약 좌변에 true 가 들어간다면 뒤의 alert 은 실행되지 않는다.4. 논리곱 연산자를 이용한 짧은 조건문
- 기본형태
결과가 true 인 불 표현식 && 불 표현식이 ture 일 때 실행할 문장 - 사용예시
논리곱 연산자는 양변 모두 true 여야 true 이기 때문에 좌변에 false 가 결과인 표현식이 들어가면 항상 false 이다. 따라서 좌변이 false 이면 우변이 실행되지 않는다.
true && alert('안녕하세요')
soso