JavaScript String to Number 변경하는 3가지 방법

JavaScript String to Number 변경은 Number() 함수는 값을 정수, 실수로 반환합니다. parseInt() 함수는 값을 정수로 반환합니다. parseFloat() 함수는 값을 실수로 반환합니다.

Number() 함수

Number() 함수에 문자 형태의 숫자를 넣으면 숫자로 변환됩니다.

<script>
	var num1 = "3";           //정수
	var num2 = "3.14";        //실수

	var result1 = Number(num1);
	var result2 = Number(num2);

	//결과 출력
	document.write(result1 + "<br>");
	document.write(result2 + "<br>");
</script>

결과

3
3.14

Number() 함수는 정수와 실수를 모두 있는 그대로 변환시켜 줍니다.

parseInt()

parseInt() 함수는 문자형태의 숫자를 대입하면, 정수로 반환합니다. parse + int의 결합이므로 스펠링이 L이 아닌 i의 대문자입니다.

<script>
	var num1 = "3";           //정수
	var num2 = "3.14";        //실수

	var result1 = parseInt(num1);
	var result2 = parseInt(num2);

	//결과 출력
	document.write(result1 + "<br>");
	document.write(result2 + "<br>");
</script>

결과

3
3

parseInt() 함수는 3.14도 3으로 변경해서 모두 정수로만 반환하고 소수점은 절삭합니다. 반올림이 아닌 절삭입니다.

parseFloat()

parseFloat() 함수는 문자 형태의 숫자를 대입하면, 실수값 그대로 출력해줍니다.

<script>
	var num1 = "3";           //정수
	var num2 = "3.14";        //실수

	var result1 = parseFloat(num1);
	var result2 = parseFloat(num2);

	//결과 출력
	document.write(result1 + "<br>");
	document.write(result2 + "<br>");
</script>

결과

3
3.14

정수값, 실수값, 소수점 절삭 등에 따라서 Number(), parseInt(), parseFloat() 메서드를 적절히 사용하면 됩니다.