[JavaScript] 자바스크립트 형변환

자바스크립트는 타입이 유연한 언어이다. 그러면 형변환을 어떻게 해야하나?

먼저, 기본적으로 자바스크립트에 타입은 아래와 같이 존재한다. 

원시타입
1. 숫자 (number)
2. 문자열 (string)
3. 불리언 (boolean)
4. undefined
5. symbol -> ES6 버전에서 새롭게 추가됨

객체타입
6. object

---

형변환

숫자변환

Number()

Number()은 정수형과 실수형의 숫자로 변환한다.

Number("12345") // 12345
Number("10"*10) // 100

 

parseInt()

parseInt()는 정수형의 숫자로 변환한다.

parseInt(“123”) //123
parseInt(123.35) //123
parseInt(0033); //0으로 시작 -> 8진수로 인지 : 27
parseInt(0x1b); //0x로 시작 -> 16진수로 인지 : 27
parseInt(“ 2”); //2
parseInt(“ 3r”); //3
parseInt(“ ㅎㅎ”); //NaN

 

parseFloat()

parseFloat()는 부동 소수점의 숫자로 변환한다.

parseFloat(“^123”); //NaN
parseFloat(“123.123456”); //123.123456
parseFloat(“ 123.123456”); //123.123456
parseFloat(“ a123.123456”); //NaN

 

문자열변환

String()

String()은 문자타입으로 변환한다.

String(123); //”123"
String(123.456); //”123.456"

 

toString()

toString()은 문자타입으로 변환하고, 인자로 기수를 넣을 수 있다.

var num = 100;
num.toString(); //”100"
num.toString(2); //”1100100"
num.toString(8); //”144"
var boolT = true;
var boolF = false;
boolT.toString(); //”true”
boolF.toString(); //”false”

 

toFixed()

toFixed()은 문자타입으로 변환하고, 인자값만큼 반올림할 수 있다.

var num = 123.456789;
var roundOff = 99.987654;
num.toFixed(); //”123"
num.toFixed(0); //”123"
num.toFixed(2); //”123.46"
num.toFixed(8); //”123.45678900"
roundOff.toFixed(2); //”99.99"
roundOff.toFixed(0); //”100"

 

불린타입변환

Boolean()

Boolean()은 다른 자료형을 불린타입으로 변환할 수 있다.

Boolean(100); //true
Boolean(“1”); //true
Boolean(true); //true
Boolean(Object); //true
Boolean([]); //true
Boolean(0); //false
Boolean(NaN); //false
Boolean(null); //false
Boolean(undefined); //false
Boolean( ); //false

 

 

참고 및 출처
https://medium.com/gdana/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%9D%98-%ED%98%95%EB%B3%80%ED%99%98%EC%9D%80-%EB%91%90%EA%B0%80%EC%A7%80%EB%8B%A4-b46875be4a88