TIL 010 JavaScript_String to Number & Number to String

🎯Datatype을 바꾸는 방법을 익혀보자

🔑방법1. 자동형 변환 이용

1. From Number to String

let data = 100;
console.log(`Data Type: ${typeof data}`) //"Data Type: number"

data += '';
console.log(`Data Type: ${typeof data}`) //"Data Type: string"

2. From String to Number

let data = "100";
console.log(`Data Type: ${typeof data}`) //"Data Type: string"

data *= 1;
console.log(`Data Type: ${typeof data}`) //"Data Type: number"

* 장점: 가장 간단하게 변환 시킬 수 있다.

* 단점: 타인이 보면 어떤 의도로 작성한 코드인지 직관적으로 알기 어려울 수 있다.

🔑방법2. 내장함수 이용1

1. From Number to String

let data = 100;
console.log(`Data Type: ${typeof data}`) //"Data Type: number"

data = String(data);
console.log(`Data Type: ${typeof data}`) //"Data Type: string"

2. From String to Number

let data = "100";
console.log(`Data Type: ${typeof data}`) //"Data Type: string"

data = Number(data);
console.log(`Data Type: ${typeof data}`) //"Data Type: number"

* 장점: 타입 전환이 명시적이다.

🔑방법3. 내장함수 이용2

1. From Number to String

let data = 100;
console.log(`Data Type: ${typeof data}`) //"Data Type: number"

data = toString(data);
console.log(`Data Type: ${typeof data}`) //"Data Type: string"

2. From String to Number

let data = "100";
console.log(`Data Type: ${typeof data}`) //"Data Type: string"

data = parseInt(data);
console.log(`Data Type: ${typeof data}`) //"Data Type: number"

* 주의!

• parseInt() 함수는 형변환 자체가 목적이 아니다.
• parseInt() 함수는 문자열 인자를 구문 분석하여 특정 진수의 정수를 반환한다.

👀 참고할 자료
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt