JavaScript字符串数值比较问题

JavaScript 专栏收录该内容
243 篇文章 0 订阅

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" οnclick="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)运行结果


  • 6
    点赞
  • 4
    评论
  • 2
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

评论 4 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:代码科技 设计师:Amelia_0503 返回首页

打赏作者

翱翔天地

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值