Please Enable JavaScript!
Gon[ Enable JavaScript ]

반응형

자바스크립트(Javascript) 문자를 숫자로 변환하는 Number 함수

 

환경: Eclipse Mars

 

Number 함수는 문자열을 숫자로 변환합니다. 날짜, bool , 숫자가 들어가 있는 문자를 숫자로 변환해 줍니다. parseInt() 와 차이점이 있다면 숫자와 문자가 혼합되어 있는 문자열일 경우 변환하지 못하며 날짜일 경우 밀리세컨 단위의 숫자로 변환해서 반환하게 됩니다.

 

Number bool 형 데이터를 숫자로 바꿔 줍니다. true 1, false 0을 반환하게 되겠죠. 날짜 형식도 숫자로 바꿔 주는데 밀리세컨의 크기로 변환해서 반환합니다. 그리고 parseInt() 함수는 “100 xx” 가 있을 때 중간에 공백으로 구분되어 있는 뒷 자리 문자열은 읽지 않고 “100” 읽어서 숫자로 반환해 줍니다. 그런데 Number() 는 숫자로 인식하지 못하고 NaN 를 반환하게 됩니다. “100 200” 도 마찬가지로 문자로 변환하지 못합니다

<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>Javascript</title>
<style type="text/css">
body {background-color: #e7e7e7;}
</style>
<script type="text/javascript">
<!--
	document.write(Number(true) + "<br/>"); 
	document.write(Number(new Date()) + "<br/>");
	document.write(Number("100") + "<br/>");
	document.write(Number("100 xx") + "<br/>");
	document.write(Number("100 200") + "<br/>");
//-->
</script>
</head>
<body>
</body>
</html>

자바스크립트(Javascript) 문자를 숫자로 변환하는 Number 함수

 

참고로 Number 함수를 이용해서 숫자로 변환했다면 다시 숫자를 이용해서 날짜 형식으로 변환이 가능합니다. Date() 의 생성자 인수로 숫자를 넘기면 정상적인 날짜 형태로 표현됩니다. 이렇게 숫자와 날짜를 변환하시면 됩니다.  

<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>Javascript</title>
<style type="text/css">
body {background-color: #e7e7e7;}
</style>
<script type="text/javascript">
<!--
	document.write(Number(new Date()) + "<br/>");
	document.write(new Date(1445077816559) + "<br/>");
//-->
</script>
</head>
<body>
</body>
</html>

자바스크립트(Javascript) 문자를 숫자로 변환하는 Number 함수


반응형
Posted by 녹두장군1
,