[JS] Number로 바꾸기 toString(), parseInt(), parseFloat(), 숫자 판별 isNaN

 

 

toString() : 숫자를 문자로 바꿔주는 메서드

let num = 10;

// 10진수 => 2진수, 16진수
num.toString(); // "10" 문자형으로 변환
num.toString(2); // "1010" // 10진수를 2진수로 그리고 문자형으로 변환

let num2 = 255;
num2.toString(16); // "ff"

 

isNaN : 숫자인지 아닌지 판별

❗️ 자기 자신과도 다르다고 판단한다. isNaN으로만 판별해야 한다.

let x = Number("x"); // NaN

x == NaN; // false
x === NaN; // false
NaN == NaN; // false

isNaN(x); // true
isNaN(3); // false

 

parseInt() : 문자를 숫자로 변환. 소수점은 무시한다.

❗️ 문자가 섞여있어도 작동한다. (읽을 수 있을 때까지 읽고 숫자가 아닌 걸 만나면 그 전까지 반환함)

let margin = "10px";

parseInt(margin); // 10
Number(margin); // NaN

// 문자로 시작하면 NaN을 반환
let redColor = "f3";
parseIng(redColor); // NaN

❗️  하지만 두번 째 인수를 받아서 진수 설정 가능

parseInt(redColor, 16); // 243 (f로 시작하는 16진수를 10진수로 변경)
parseInt("11", 2); // 3 (문자형 "11"을 숫자 11로 바꾸고 2진수에서 10진수로 변환)

 

parseFloat() : 소수점도 반환

let padding = "18.5%";
parseFloat(padding); // 18.5

 

 

 

🔗 https://youtu.be/ZI6TT93wggA?si=lb6khm57akr34pBP