JS转换成数字类型Number()
JavaScript与许多其他编程语言不同,JavaScript 不会定义不同类型的数,比如整数、短的、长的、浮点的等等。
在JS中浮点的算数,个人实际测试了几个,0.1+0.2,0.4+0.2,0.7+0.2,这种计算的数值就是不是很准确。
字符串转换成数字类型的方法1:Number(需要转换的字符串)
可以通过每个数乘以10,最后再整体除以10的方法,让这几个有问题的浮点数显示正常。
例如,0.4+0.2的结是0.6000000000000001
而使用(0.4*10+0.2*10)/10,结果就是0.6
测试代码:
<body>
小数测试:
文本框value值获取的是string类型的:<input type="text" id="A1" value="0.3">+
<input type="text" id="A2" value="0.4">=
<input type="text" id="S1">
<br>
<input type="button" onclick="s1()" value="点击字符串拼接"><br>
<input type="button" onclick="s2()" value="点击Number转换的"><br>
<input type="button" onclick="s3()" value="点击Number转换的且用了乘除法"><br>
<script language="javascript" type="text/javascript">
function s1(){//文本框输入的为字符串类型,相加后为字符串拼接
var textA1,textA2,textS1;
textA1=document.getElementById("A1").value;
textA2=document.getElementById("A2").value;
textS1=textA1+textA2;
document.getElementById("S1").value=textS1;
console.log("textA1的类型是:"+typeof(textA1));
console.log("textA2的类型是:"+typeof(textA2));
console.log("textS1的类型是:"+typeof(textS1));
};
function s2(){//字符串类型转换成数字类型,Number(需要转换的字符串)
var textA1,textA2,textS1;
textA1=Number(document.getElementById("A1").value);
textA2=Number(document.getElementById("A2").value);
textS1=textA1+textA2;
document.getElementById("S1").value=textS1;
console.log("textA1的类型是:"+typeof(textA1));
console.log("textA2的类型是:"+typeof(textA2));
console.log("textS1的类型是:"+typeof(textS1));
console.log(0.3+0.4);
console.log(0.3+0.3);
console.log(0.1+0.2);
console.log(0.4+0.2);
console.log(0.7+0.2);
console.log(0.6+0.2);
console.log(0.44+0.22);
};
function s3(){//用乘除法解决该问题
var textA1,textA2,textS1;
textA1=Number(document.getElementById("A1").value);
textA2=Number(document.getElementById("A2").value);
textS1=(textA1*10+textA2*10)/10;
document.getElementById("S1").value=textS1;
console.log(0.4+0.2);
console.log((0.4*10+0.2*10)/10);
};
</script>
</body>
图示:
(资源库 www.zyku.net)
原文链接:https://www.cnblogs.com/huaxie/p/11720393.html
您可能感兴趣的文章
- 04-26超链接 a href 通过post方式提交表单
- 12-14苹果手机apple id被锁定如何解决
- 11-14apt-get安装报错E: Sub-process /usr/
- 10-19iphone13pro怎么禁止自动开启微距
- 11-12vivox70pro怎么开启NFC功能
- 03-17PHP中类的自动加载的方法
- 07-15帝国cms6.6不同地方生成不同缩略图
- 11-12小米11Ultra怎么唤醒小爱同学
- 12-25星店助手-星店助手应用软件功能介绍
- 02-19ECSHOP去掉前台模板以及后台官网版权
- 03-07Sublime text 3双击无法选择$符号的解
- 09-06Sublime常用正则表达式
- 03-14阿里云服务器优惠券代金券领取中心
- 07-09帝国网站管理系统WAP管理
- 09-19iqoo8开启低亮度防屏闪方法介绍
- 11-25真我手机怎么显示电池百分比
- 02-20Ubuntu 16.04 几个国内更新源
- 11-06SELinux状态的查看以及如何关闭SELinu
- 09-15苹果手机怎么添加时钟小组件
- 02-22DedeCMS首页幻灯片不显示的解决方法

最近更新
阅读排行
猜你喜欢
- 10-15小米air2se如何切歌
- 02-20centos服务器 屏蔽ip
- 11-04QQ音乐播放背景动态效果怎么关闭
- 09-19微信视频号在哪里改名字
- 10-31opporeno5拍照模式在哪里
- 12-05荣耀x20怎样配对蓝牙耳机
- 12-29随记物理-随记物理应用软件功能介绍
- 10-19iphone13pro怎么新增桌面小组件
- 11-12微信青少年模式监护人怎么解除
- 09-20闽政通怎么打不开崩了