Recent posts

Recent comments

Archive

Calender

«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
📂 JAVASCRIPT/Number & Math

[ 자바스크립트 ] Number() VS parseFloat() 🕔 2016. 3. 16.

최종 수정일 : 2016. 3. 17.



Number() parseFloat()
<p id="demo1">
a = 10
b = 10.02

c = NaN
d = 40

e = NaN
f = NaN
</p>		<p id="demo2">
a = 10
b = 10.02

c = 12
d = 40

e = 50
f = NaN
</p>
<script type="text/javascript">
var a = Number( "10.00" ); 
var b = Number( "10.02" ); 

var c = Number( "12  34  56" ); 
var d = Number( "   40   " ); 

var e = Number( "50 years" ); 
var f = Number( "He was 60" ); 


var str = "<br />" + 
"a = " + a + "<br />" + 
"b = " + b + "<br />" + 
"c = " + c + "<br />"+ 
"d = " + d + "<br />" + 
"e = " + e + "<br />" + 
"f = " + f + "<br />"; 

document.getElementById( "demo1" ).innerHTML = str; 
</script>

<script type="text/javascript">
var a = parseFloat( "10.00" ); 
var b = parseFloat( "10.02" ); 

var c = parseFloat( "12  34  56" ); 
var d = parseFloat( "   40   " ); 

var e = parseFloat( "50 years" ); 
var f = parseFloat( "He was 60" ); 


var str = "<br />" + 
"a = " + a + "<br />" + 
"b = " + b + "<br />" + 
"c = " + c + "<br />"+ 
"d = " + d + "<br />" + 
"e = " + e + "<br />" + 
"f = " + f + "<br />"; 

document.getElementById( "demo2" ).innerHTML = str; 
</script>

Number() parseFloat()
<p id="demo3">
a = 34
b = 28

c = 52
d = 52

e = 30000
f = 30000
</p>		<p id="demo4">
a = 34
b = 28

c = 0
d = 52

e = 30000
f = 30000
</p>
<script type="text/javascript">
var a = Number( "034" ); 
var b = Number( 034 ); 

var c = Number( "0x34" ); 
var d = Number( 0x34 ); 

var e = Number( "3e4" ); 
var f = Number( 3e4 ); 


var str = "<br />" + 
"a = " + a + "<br />" + 
"b = " + b + "<br />" + 
"c = " + c + "<br />"+ 
"d = " + d + "<br />" + 
"e = " + e + "<br />" + 
"f = " + f + "<br />"; 

document.getElementById( "demo3" ).innerHTML = str; 
</script>

<script type="text/javascript">
var a = parseFloat( "034" ); 
var b = parseFloat( 034 ); 

var c = parseFloat( "0x34" ); 
var d = parseFloat( 0x34 ); 

var e = parseFloat( "3e4" ); 
var f = parseFloat( 3e4 ); 


var str = "<br />" + 
"a = " + a + "<br />" + 
"b = " + b + "<br />" + 
"c = " + c + "<br />"+ 
"d = " + d + "<br />" + 
"e = " + e + "<br />" + 
"f = " + f + "<br />"; 

document.getElementById( "demo4" ).innerHTML = str; 
</script>

Number() parseFloat()
<p id="demo5">
a = 1
b = 0

c = 0
d = NaN

e = 0
f = 1744504177042
</p>		<p id="demo6">
a = NaN
b = NaN

c = NaN
d = NaN

e = NaN
f = NaN
</p>
<script type="text/javascript">
var a = Number( true ); 
var b = Number( false ); 

var c = Number( null ); 
var d = Number( undefined ); 

var e = Number( "" ); 
var f = Number( new Date()  ); 


var str = "<br />" + 
"a = " + a + "<br />" + 
"b = " + b + "<br />" + 
"c = " + c + "<br />"+ 
"d = " + d + "<br />" + 
"e = " + e + "<br />" + 
"f = " + f + "<br />"; 

document.getElementById( "demo5" ).innerHTML = str; 
</script>

<script type="text/javascript">
var a = parseFloat( true ); 
var b = parseFloat( false ); 

var c = parseFloat( null ); 
var d = parseFloat( undefined ); 

var e = parseFloat( "" ); 
var f = parseFloat( new Date()  ); 


var str = "<br />" + 
"a = " + a + "<br />" + 
"b = " + b + "<br />" + 
"c = " + c + "<br />"+ 
"d = " + d + "<br />" + 
"e = " + e + "<br />" + 
"f = " + f + "<br />"; 

document.getElementById( "demo6" ).innerHTML = str; 
</script>

<p id="demo7">
a = 0.0001
b = 0.0001
</p>
<script type="text/javascript">

var a = Number( "00.0001" ); 

var b = parseFloat( "00.0001" ); 

var str = "<br />" + 
"a = " + a + "<br />" + 
"b = " + b + "<br />"; 

document.getElementById( "demo7" ).innerHTML = str; 
</script>

참고로,
아래와 같이 작성한 경우에는, 오류가 나온다.

var a = Number( 00.0001 );
var b = parseFloat( 00.0001 );





이 내용이 도움이 되셨다면, 아래의 하트 버튼을 눌러주세요. *^^*

저작자표시

'JAVASCRIPT > Number & Math' 카테고리의 다른 글

[ 자바스크립트 ] Math.floor()  (1) 2016.03.17
[ 자바스크립트 ] Math.floor() VS parseInt()  (0) 2016.03.17
[ 자바스크립트 ] Number.isSafeInteger()  (0) 2016.03.06
[ 자바스크립트 ] isFinite() VS Number.isFinite()  (0) 2016.03.06
[ 자바스크립트 ] isNaN() VS Number.isNaN()  (0) 2016.03.06

Blog is powered by / Designed by Tonks. Invitation RSS Feed

티스토리툴바