JavaScript字串數值比較問題

JavaScript字串數值比較問題

1、問題背景

今天，在項目中遇到一個問題：兩個輸入框，一個輸入框的值是8.4，另一個是21.3，比較兩個輸入框裡值時，出現了8.4大於21.3

 

2、問題分析

首先，擷取輸入框中的值是字串，而字串比較是根據ASCII碼，由於8的ASCII碼比2的ASCII碼大，導致出現了8.4大於21.3

 

3、問題驗證

（1）設計源碼

 

<script type=text/javascript>function compareData(){ var data1 = document.getElementById(inval).value;var data2 = document.getElementById(typev).value;if(data1 > data2){ alert(data1+大於+data2);}else{alert(data1+小於等於+data2);}}</script>
（2）運行結果

 

 

4、解決辦法

（1）將字串轉換成數值

 

function compareData(){    var data1 = document.getElementById(inval).value;var data2 = document.getElementById(typev).value;if(Number(data1) > Number(data2)){    alert(data1+大於+data2);}else{alert(data1+小於等於+data2);}}

（2）運行結果