🚀 오늘의 학습 목표
- 형 변환 이해
4. 형 변환 (Type Conversion)
String() -> 문자형 으로 변환
Number() -> 숫자형 으로 변환
Boolean() -> 불린형 으로 변환
앞에는 대문자로 입력해야 한다.
const mathScore = prompt("수학 점수는 몇 점인가요?");
const engScore = prompt("영어 점수는 몇 점인가요?");
const result = (mathScore + engScore) / 2;
console.log(result); // 4540❓ 왜 4540이 나왔을까?
prompt 입력 -> 문자형
"90" + "80" = "9080"
문자형 90, 80을 더하면 170이 아닌 9080이 나온다.
"9080" / 2 = 4540
숫자형이 아니더라도 숫자형으로 자동변환되어 계산된다.
❓형 변환은 왜 필요할까?
ex) "6"/"2" = 3
자동으로 형이 변환되는 것을 자동 형변환 이라고 한다.
이러한 작업은 원인을 알 수 없는 오류를 발생시키기도 하기 때문에 항사 의도를 가지고 원하는 타입으로 변환해 주는 것이 좋다. -> 이러한 변환을 명시적 형변환 이라고 한다.
4-1. String()
- 문자열로 변환
console.log(
String(3),
String(true),
String(false),
String(null),
String(undefined)
)
// "3" "true" "false" "null" "undefined"4-2. Number()
- 숫자열로 변환
- 사용자로부터 입력 받은 값이 문자형인 경우 자주 사용된다.
- Number("문자")의 경우 NaN 이 출력되므로 유의!
console.log(
Number('1234'),
Number('안녕1234'),
Number(true),
Number(false)
);
// 1234 NaN 1 0✅ 주의 사항 (외워야 버그 없는 코드를 짤 수 있음!!)
Number(null) // 0
Number(undefined) // NaN
Number(0) // false
Number('0') // true
Number('') // false
Number(' ') // true (공백이 들어갈 경우)4-3. Boolean()
- 불린형으로 변환
false
- 숫자 0
- 빈 문자열 ""
- null
- undefined
- NaN
이 외에는 모두 true 를 반환
