Javascript) 자료형과 형변환

🐣 자료형

문자열

const name1 = "Mike";
const name2 = 'Mike';
const name3 = `Mike`; // 벡틱
const message = `My name is ${name}`;
console.log(message); // My name is Mike

cf. 템플릿 리터럴(ES6부터 도입된 문자열 표기법) : 벡틱, 달러

• 벡틱 내부에 변수 사용 시 ${} 사용(”, ‘ 사용시 변수 치환되지 않음)

숫자

const val = 0/2;
console.log(val); // Infinity
const name = "Mike";
const y = name/2;
console.log(y); // NaN

null & undefined

• null : 객체가 아님에 유의할 것. 존재하지 않는 값을 의미
• undefined : 값이 할당되지 않은 상태

typeof

변수값의 타입을 확인할 수 있다.

 

---

🐣 형변환

String(), Number(), Boolean()

모두 각 타입으로 형변환하는 용도로 사용

String()

console.log(
    String(3),
    String(null),
    String(undefined),
    String(true),
    String(false)
); // "3" "null" "undefined" "true" "false"

Number()

숫자가 아닌 문자열이 들어가있다면 NaN 반환.

주의사항

• Number(null)은 0을 Number(undefined)는 NaN을 반환

const eng = prompt("영어 점수"); // 80
const kor = prompt("국어 점수"); // 90
console.log((eng + kor)/2); // 4045 -> prompt 값을 문자열로 인식하기 때문
console.log((Number(eng) + Number(kor))/2); // 85

console.log(
    Number(true),
    Number(false),
    Number(null),
    Number(undefined)
); // 1 0 0 NaN

Boolean()

0, 빈 문자열(””), null, undefined, NaN를 인자로 전달할 경우 false 반환

주의사항

• Boolean(0)은 false를 Boolean(’0’)는 true를 반환
• Boolean(’’)는 false를 Boolean(’ ‘)는 true를 반환

console.log(
    Boolean(0),
    Boolean(""),
    Boolean(null),
    Boolean(undefined),
    Boolean(NaN)
); // false false false false false