JavaScript字串數值比較問題
阿新 • • 發佈：2019-01-08
1、問題背景
今天，在專案中遇到一個問題：兩個輸入框，一個輸入框的值是8.4，另一個是21.3，比較兩個輸入框裡值時，出現了8.4大於21.3
2、問題分析
首先，獲取輸入框中的值是字串，而字串比較是根據ASCII碼，由於8的ASCII碼比2的ASCII碼大，導致出現了8.4大於21.3
3、問題驗證
（1）設計原始碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript比較字串</title> <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> </head> <body> <input type="text" id="inval"/> <input type="text" id="typev"/> <input type="button" id="btn" onclick="compareData();" value="計算"/> </body> </html>
（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）執行結果
