parseInt()、parseFloat()与Number()的比较
我有一个同学最近在自学JavaScript,偶尔遇到问题了会让我帮忙解决,虽然我也是一个JavaScript菜鸟,但是我还是很乐意帮忙,这样不仅可以帮到别人,也可以让自己在解决问题的过程中学到更多知识。先来看看他的代码吧!
HTML代码:
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果-->
<input type='text' id='fruit' />
JavaScript代码:
function count(){
//获取第一个输入框的值
var num1 = document.getElementById("txt1");
//获取第二个输入框的值
var num2 = document.getElementById("txt2");
//获取选择框的值
var fuhao = document.getElementById("select").value;
function yunsuan(){
var num;
if (fuhao == "+") {
num = num1 + num2;
}else if(fuhao == "-"){
num = num1 - num2;
}else if(fuhao == "*"){
num = num1 * num2;
}else if(fuhao == "/"){
num = num1 / num2;
}
}
document.getElementById("fruit").value = num;
}
看完代码后,我发现了三个问题,分别为:
- num1和num2获取的是元素节点,而不是文本框的值,所以应该这样写:var num1 = document.getElementById("txt1").value; num2同num1
- num是一个局部变量,document.getElementById("fruit").value无法得到num的值
- 在JavaScript中+可以用来连接字符串,因此这里需要进行转换
修改后的JavaScript代码如下:
function count(){
var num;
//获取第一个输入框的值
var num1 = parseInt(document.getElementById("txt1").value);
//获取第二个输入框的值
var num2 = parseInt(document.getElementById("txt2").value);
//获取选择框的值
var fuhao = document.getElementById("select").value;
function yunsuan(){
if (fuhao == "+") {
num = num1 + num2;
}else if(fuhao == "-"){
num = num1 - num2;
}else if(fuhao == "*"){
num = num1 * num2;
}else if(fuhao == "/"){
num = num1 / num2;
}
}
document.getElementById("fruit").value = num;
}
但是,经过测试我发现得到的答案永远是undefined。所以我将JavaScript代码进一步修改为:
function count(){
var num;
//获取第一个输入框的值
var num1 = parseInt(document.getElementById("txt1").value);
//获取第二个输入框的值
var num2 = parseInt(document.getElementById("txt2").value);
//获取选择框的值
var fuhao = document.getElementById("select").value;
switch(fuhao){
case "+":
num = num1 + num2;
break;
case "-":
num = num1 - num2;
break;
case "*":
num = num1 * num2;
break;
case "/":
num = num1 / num2;
}
document.getElementById("fruit").value = num;
}
这次可以得到正确答案了,但是无法进行小数运算,所以我用Number()方法替换parseInt()方法,但是Number无法将字符串中的非数字字符过滤掉,所以我用parseFloat()来代替。这下可以很好地解决问题了。
知识链接:
parseInt():parseInt()函数可以解析一个字符串,并返回一个整数。它可接受两个参数,第一个参数是要解析的字符串,第二个参数是要解析的数字的基数,范围为2~36。如果省略该参数或其值为0,则以十进制来解析;如果该参数小于2或者大于36,则parseInt()将返回NaN。该方法可以将非数字字符(非首个字符)过滤掉,例如:parseInt("40d"),返回40,而parseInt("d40")则返回NaN。
parseFloat():parseFloat())函数可以解析一个字符串,并返回一个浮点数。该函数在解析过程中遇到了正负号、数字、小数点或者科学计数法中的指数(e 或 E)以外的字符,则它会忽略该字符以及之后的所有字符,返回当前已经解析到的浮点数。同时参数字符串首尾的空白符会被忽略。
Number():Number()函数把对象的值转换为数字。如果参数是Date对象,Number()返回1970年1月1日至今的毫秒数。如果对象的值无法转换为数字,那么Number()函数返回NaN。
刚开始一直没弄明白为什么使用if...else总是得到undefined,经过反复的测试,终于得到了我想要的结果,代码如下:
function count(){
var num;
//获取第一个输入框的值
var num1 = parseFloat(document.getElementById("txt1").value);
//获取第二个输入框的值
var num2 = parseFloat(document.getElementById("txt2").value);
//获取选择框的值
var fuhao = document.getElementById("select").value;
if (fuhao == "+") {
num = num1 + num2;
}else if(fuhao == "-"){
num = num1 - num2;
}else if(fuhao == "*"){
num = num1 * num2
}else{
num = num1 / num2;
}
document.getElementById("fruit").value = num;
}
parseInt()、parseFloat()与Number()的比较的更多相关文章
- parseInt parseFloat isNaN Number 区别和具体的转换规则及用法
原文链接:https://blog.csdn.net/wulove52/article/details/84953998 在javascript 我经常用到,parseInt.parseFloat.N ...
- parseint和parsefloat总结number。隐形转换
parseint:会认识一些字符+.-.空格,其他的就会截止譬如23hudhchauch结果为:23,对于boollen类型不能转换为1或是0. number:是对整体的转换.对true的转换为1. ...
- Number,parseInt,parseFloat函数
Number,parseInt,parseFloat函数 console.group('Number'); console.log(Number( console.log(Number( consol ...
- Number(),parseInt(),parseFloat(),Math.round(),Math.floor(),Math.ceil()对比横评
首先,这些处理方法可分为三类. 1,只用来处理数字取整问题的:Math.round(),Math.floor(),Math.ceil(): 2,专门用于把字符串转化成数值:parseInt(),par ...
- isNaN与parseInt/parseFloat
isNaN 返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字). NaN 即 Not a Number isNaN(numValue) 必选项 numvalue 参数为要检查 ...
- js字符转换成整型 parseInt()函数规程Number()函数
今天在做一个js加法的时候,忘记将字符转换成整型,导致将加号认为是连接符, 在运算前要先对字符井行类型转换,使用parseInt()函数 使用Number()将字符转换成int型效果更好
- parseFloat 和 Number isNaN 转换
parseFloat(true) // NaN Number( parseFloat(null) // NaN Number( parseFloat('') // NaN Number('') par ...
- js parseInt();parseFloat;Number()
1: parseInt( numString [, radix ] ) [测试浏览器:chromium && firefox] ①parseInt()函数用于将字符串转换为(十进制) ...
- parseInt、parseFloat、Number、Boolean、valueOf总结
parseInt(string, radix) 功能: 将字符串转换为十进制的数字 radix: string的进制,没有时根据string进行判断: 1~9开头 十进制 0x开头 16进制 0开头 ...
随机推荐
- 用csc命令行手动编译cs文件
一般初学c#时,用记事本写代码,然后用命令行执行csc命令行可以编译cs文件.方法有两种 1:配置环境,一劳永逸 一般来说在C:\Windows\Microsoft.NET\Framework\v4. ...
- 7za 解压文件
7za.exe x -aoa 完美国际补丁.7z 7za.exe x -aoa 完美国际补丁.7z -o"C:\Users\Admin\AppData\Local\Temp\完美国际补丁&q ...
- [RxJS] ReplaySubject
A ReplaySubject caches its values and re-emits them to any Observer that subscrubes late to it. Unli ...
- [Practical Git] Format commit history with git log arguments
When running the git log command, we can pass in options as arguments toformat the data shown for ea ...
- ios的NSMutableString用法
版权声明:本文为博主原创文章,未经博主允许不得转载. 详见代码: // // main.m // Foundation5-NSMutableString // // Created by mj ...
- ios开发——实用技术篇&网络音频播放
网络音频播放 在日常的iOS开发中,我们通常会遇到媒体播放的问题,XCode中已经为我们提供了功能非常强大的AVFoundation框架和 MediaPlayer框架.其中AVFoundation框架 ...
- S5PV210(TQ210)裸机编程
本文很多其它的是教会大家怎样学习. 4.1 汇编学习 4.1.1 基础知识 4.1.2 ARM模拟器 4.2 S5PV210启动流程 4.3 点亮一个LED 4.4 串 ...
- Android应用在不同版本间兼容性处理
在Android系统中向下兼容性比较差,但是一个应用APP经过处理还是可以在各个版本间运行的.向下兼容性不好,不同版本的系统其API版本也不同,自然有些接口也不同,新的平台不能使用旧的API,旧的平台 ...
- careercup-C和C++ 13.10
13.10 用C编写一个my2DALLoc函数,可分配二维数组.将malloc函数的调用次数降到最少,并确保可通过arr[i][j]访问该内存. 解法: 这道题目最简单的方法就是先开一个数组来存储指向 ...
- 学习笔记之Python
http://baike.baidu.com/view/21087.htm?fr=aladdin#reference-[12]-21087-wrap Python 基础教程(http://www.w3 ...