[자바스크립트] 자료형 변경하기

본 글을 자바스크립트에서 자료형 변경하는 방법에 대해 다룬 내용입니다.

목차
1. 정수
2. 실수
3. 문자 (문자열)
4. 논리

 

1. 정수

// 1. Number
// 주어진 값을 숫자로 변환, 부동 소수점 숫자로 인식
console.log(Number("123")); // 123
console.log(Number("123.45")); // 123.45
console.log(Number(true)); // 1
console.log(Number("123")); // NaN (숫자로 변환할 수 없는 경우)

// 2. parseInt
// 주어진 값 하나하나를 정수로 추출, 부동 소수점 이후 숫자는 무시
// 두 번째 매개변수로 기수(진수)를 지정, 생략 시에는 10진수
console.log(parseInt("123")); // 123
console.log(parseInt("123.45")); // 123
console.log(parseInt("1010", 2)); // 10
console.log(parseInt(true)); // NaN (숫자로 변환할 수 없는 경우)
console.log(parseInt("123")); // NaN (숫자로 변환할 수 없는 경우)

// 3. 연산자 활용
console.log(+"123"); // 123

 

2. 실수

// parseFloat
console.log(parseFloat("123.45")); // 123.45
console.log(parseFloat("123")); // 123.45
console.log(parseFloat(true)); // NaN (숫자로 변환할 수 없는 경우)

 

3. 문자(문자열)

// 1. String()
// 문자열로 변환, 내장 생성자 함수
console.log(String(123)); // "123"

// 2. toString()
// 값을 문자열로 변환하는 메서드
let num = 123;
console.log(num.toString()); // "123"

 

4. 논리

// Boolean
console.log(Boolean(1)); // true
console.log(Boolean(-1)); // true
console.log(Boolean(0)); // false
console.log(Boolean("123")); // true
console.log(Boolean(true)); // true
console.log(Boolean("")); // false

 

 

마무리

이번에는 자바스크립트에서 자료형 변경하는 방법에 대해 알아봤습니다.

 

위에 내용들 공부하면서 성능에도 큰 영향을 주나 찾아봤더니..!!
대부분의 경우 성능 차이가 미미하다고 합니다 ㅎㅎ :) 

그러니 앞으로는 필요할 때 사용하기 좋은 걸로 골라 쓰면 되겠습니다.

 

읽어주셔서 감사합니다!