[JS] 원시형의 형 변환

잠깐!🤚🏻 객체의 형 변환은 나중에 포스팅 할 것이다. 이번 포스팅에서는 원시형의 형 변환에 대해서만 다룰 것이다!

원시형, 객체형이 뭔지 모른다면 《 Data Type (자료형) 》 에 대해 먼저 공부하고 오자!

▶ 문자형으로 변환

String(value) 함수 호출

let value = true;
console.log(typeof value); // boolean

value = String(value); // 문자열 "true"가 저장
console.log(typeof value); // string

---

▶ 숫자형으로 변환

Number(value) 함수 호출

let str = "123";
console.log(typeof str); // string

let num = Number(str); // 문자열 "123"이 숫자 123으로 변환

console.log(typeof num); // number

숫자형으로 변환은 수학과 관련된 함수와 표현식에서 자동으로 일어난다.

console.log( "6" / "2" ); // 3, 문자열이 숫자형으로 자동변환된 후 연산 수행

숫자형으로 변환 시 적용되는 규칙

전달받은 값	형 변환 후
undefined	NaN ⭐
null	0
true and false	1 과 0
string	① 문자열의 처음과 끝 공백이 제거된다. ② 공백 제거 후 남아있는 문자열이 없다면 0, 렇지 않다면 문자열에서 숫자를 읽는다. 변환에 실패하면 NaN

console.log(Number("   123   ")); // 123
console.log(Number("123z")); // NaN ("z"를 숫자로 변환하는 데 실패)
console.log(Number(true)); // 1
console.log(Number(false)); // 0

---

▶ 불린형으로 변환

Boolean(value) 함수 호출

console.log(Boolean(1)); // 숫자 1(true)
console.log(Boolean(0)); // 숫자 0(false)

console.log(Boolean("hello")); // 문자열(true)
console.log(Boolean("")); // 빈 문자열(false)
console.log(Boolean(" ")); // 공백 문자열(true)⭐

불린형으로 변환 시 적용되는 규칙

전달받은 값	형 변환 후
숫자 0, 빈 문자열, null, undefined, NaN	false
그 외의 값, ⚠️ 문자열 “0” 포함	true

---

📎참조

• https://ko.javascript.info/type-conversions