반응형
자바스크립트(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>
▼ 참고로 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) 수학, 난수 계산에 쓰이는 Math 객체 3부, Random 함수 (0) | 2019.06.08 |
---|---|
자바스크립트(Javascript) 수학과 난수 Math 객체 사용하기 2부, Ceil, Floor, Round (0) | 2019.06.02 |
자바스크립트(Javascript) 수학과 난수 Math 객체 사용하기 1부, cos, sin, tan 함수 (0) | 2019.05.27 |
자바스크립트(Javascript) 조건 연산자, 삼항 연산자 사용하는 방법 (0) | 2019.05.19 |
자바스크립트(Javascript) 내장 객체 Array 의 join 함수, reverse 함수 – 3회 (0) | 2019.04.27 |
자바스크립트(Javascript) 문자인지 여부를 판단할 수 있는 isFinite 함수 (0) | 2019.03.24 |
자바스크립트(Javascript) 대화상자 내장함수 alert, confirm, prompt 사용하는 방법 (0) | 2018.12.30 |
자바스크립트(Javascript) 주석(설명글) 넣어서 코드의 이해를 돕기 위한 방법 (0) | 2018.12.02 |