[JavaScript]string <->Number

1.왜 바꿔요?

• javascript에 한정해서 허용되는 string과 number간에 특징들이 있다.
• 숫자+문자열, '10' - '1' = 9 등 말도안되는 일이 일어난다.
• 이러한 특징은 함께 일하는 동료들에게 혼동을 줄 수 있기에 연산이 가능하더라도 text로 표현된 숫자는 꼭 숫자로 바꿔서 계산을 해야한다.

2.Number(string);

• Number함수를 사용하면 문자열로 표현된 숫자를 숫자형으로 바꿔준다.

추가로 연산의 특성을 활용해서 string형을 number형으로 변환할 수도 있다.

var numberAsNumber = "1234"; 
var numberAsString = numberAsNumber - 0;

console.log(numberAsNumber, typeof numberAsNumber);
console.log(numberAsString, typeof numberAsString);

3.parseInt,parseFloat

parseInt('100'); // 함수의 결과는 숫자형으로 바뀐 100이다.
parseFloat('10'); // 함수의 결과는 숫자형으로 바뀐 10이다.

4.number -> string

• 숫자를 string형으로 바꿔줄 수도 있다.
• toString();함수를 사용해서 바꿔준다.

var numberAsNumber = 1234; 
var numberAsString = numberAsNumber.toString();

console.log(numberAsNumber, typeof numberAsNumber);
console.log(numberAsString, typeof numberAsString);

• 아래와 같이 연산의 특성을 활용하여 변환할 수 있다.

var numberAsNumber = 1234; 
var numberAsString = 1234 + "";

console.log(numberAsNumber, typeof numberAsNumber);
console.log(numberAsString, typeof numberAsString);