[JS] 원시형의 형변환

박시은·2023년 12월 20일
0

JavaScript

목록 보기
8/58
post-thumbnail

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

원시형, 객체형이 뭔지 모른다면 《 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, 문자열이 숫자형으로 자동변환된 후 연산 수행

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

전달받은 값형 변환 후
undefinedNaN ⭐
null0
true and false1 과 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, NaNfalse
그 외의 값,
⚠️ 문자열 "0" 포함
true



📎참조

profile
블로그 이전했습니다!

0개의 댓글