[JavaScript] parseFloat( ) & parseInt( )

이번 포스팅에서는 자바스크립트에서 parseFloat 함수와 parseInt 함수에 대하여 공부를 해보고자 한다.

 

parseFloat와 parseInt는 JavaScript에서 숫자로 변환하기 위해 사용되는 함수다.
각각의 함수는 문자열을 숫자로 변환하는 데 사용되지만, 두 함수는 다른 방식으로 작동하며, 사용되는 상황에 따라 다른 결과를 반환할 수 있다.

 

---

parseFloat

• parseFloat 함수는 문자열을 부동소수점 숫자로 변환한다.
• 함수는 문자열을 왼쪽부터 읽어가면서 숫자와 소수점, 그리고 지수(E 또는 e)를 인식한다.
• 만약 문자열이 숫자로 시작하지 않는다면, NaN(Not-a-Number)을 반환한다.
• 소수점 이하의 숫자가 있는 경우, 그 숫자도 인식하여 반환한다.
• 지수 표기법을 사용하는 경우, 문자열에서 지수를 추출하여 해당 숫자로 변환한다.

 

예제 코드

var num = parseFloat("3.14");
console.log(num);  // 3.14

var num2 = parseFloat("10.5 meters");
console.log(num2); // 10.5

var num3 = parseFloat("ABC");
console.log(num3); // NaN

 

---

parseInt

• parseInt 함수는 문자열을 정수로 변환한다.
• 함수는 문자열을 왼쪽부터 읽어가면서 숫자를 추출한다.
• 만약 문자열이 숫자로 시작하지 않는다면, NaN을 반환한다.
• 숫자 다음에 오는 공백은 무시된다.
• 소수점 이하 숫자는 무시되며, 정수 부분만 반환한다.

 

예제 코드

var num = parseInt("42");
console.log(num);  // 42

var num2 = parseInt("101 binary");
console.log(num2); // 101

var num3 = parseInt("3.14");
console.log(num3); // 3

var num4 = parseInt("ABC");
console.log(num4); // NaN

 

---

주의할 점

• 두 함수 모두 문자열을 숫자로 변환하는 데 사용되지만, 반환되는 값의 유형은 다르다.
• parseFloat는 부동소수점 숫자를 반환하고, parseInt는 정수를 반환한다.
• parseFloat와 parseInt는 숫자로 변환할 때 문자열의 앞부분부터 숫자를 추출하며, 만약 문자열 중간에 숫자 이외의 문자가 나오면 그 이후의 문자는 무시된다.
• 만약 문자열 전체가 숫자가 아닌 경우, 두 함수 모두 NaN을 반환한다.
• 정수를 변환하려는 경우 parseInt를 사용하고, 부동소수점 숫자를 변환하려는 경우 parseFloat를 사용하는 것이 일반적이다.

 

---