parseFloat()函数

最新推荐文章于 2024-09-26 20:52:31 发布
最新推荐文章于 2024-09-26 20:52:31 发布
阅读量3.3k 收藏 2
点赞数
分类专栏： javascript 文章标签： parseFlaot() switch case 函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37501775/article/details/80158135
版权

案列一：

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
       
    //获取第一个输入框的值
    var a=document.getElementById("txt1").value;
//获取第二个输入框的值
var b=document.getElementById("txt2").value;
//获取选择框的值
   var c=document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var d="";
switch (c){
   case "+":
      d= a + b;
   break;
      case "-":
      d=a - b; 
   break;
       case "*":
      d=a * b; 
   break;
    default:
      d=a / b; 
   }

    //设置结果输入框的值 
    document.getElementById("fruit").value=d
   }
  </script> 
 </head> 
 <body>
   <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' οnclick="count()" value=' = ' /> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='fruit' />   
 </body>

</html>



显示的效果是：



...

如果加上 ： parseFloat()函数 最终的显示效果是？

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
    var oTxt1 = document.getElementById("txt1").value;
    var oTxt2 = document.getElementById("txt2").value;
    var oSlt = document.getElementById("select").value;
    var result = "";
    switch(oSlt) {
        case "+":
            result = parseFloat(oTxt1) + parseFloat(oTxt2);
            break;
        case "-":
            result = parseFloat(oTxt1) - parseFloat(oTxt2);
            break;
        case "*":
            result = parseFloat(oTxt1) * parseFloat(oTxt2);
            break;
        default:
            result = parseFloat(oTxt1) / parseFloat(oTxt2);
    }
    document.getElementById("fruit").value = result;
    
   }
  </script> 
 </head> 
 <body>
   <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=' = ' οnclick=count() /> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='fruit' />   
 </body>

</html>


选择“+”

的时候 显示的效果是：

关于parseFloat函数的官方解释 ， 返回数值  

http://www.runoob.com/jsref/jsref-parsefloat.html


定义和用法

parseFloat() 函数可解析一个字符串，并返回一个浮点数。

该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。


在这个 例子里面， 还有 其他的知识点：

比如 

switch函数 

语法：

switch 语句用于基于不同的条件来执行不同的动作。

JavaScript Switch 语句

请使用 switch 语句来选择要执行的多个代码块之一。

语法

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。













weixin_37501775
关注
专栏目录
JavaScript中的parseFloat和parseInt转换函数详解
CsCufft的博客
09-22 295
在上面的示例中，num1是一个十进制数的字符串，可以被解析为整数。需要注意的是，parseFloat函数在解析字符串时会忽略前导的空格，直到找到第一个有效的数字字符为止。其中，string是要转换为整数的字符串，radix是解析时要使用的基数（进制）。在上面的示例中，num1和num2是可以被解析为浮点数的字符串，而num3包含非数字字符，因此无法解析为有效的浮点数，返回NaN。需要注意的是，parseInt函数在解析字符串时会忽略前导的空格，直到找到第一个有效的数字字符或正负号为止。
js parsefloat parseint 转换函数
12-09
js parsefloat parseint JavaScript提供了3个显式的类型转换函数，分别是eval()、parseInt()和parseFloat()。 eval()函数：将字符串表达式转换成数字值。例如，语句total=eval(“432.1*10”&#41...
parseFloat() 函数
热门推荐
做最好的自己
02-03 2万+
parseFloat() 函数
Java的Float.parseFloat语句
最新发布
weixin_64587092的博客
09-26 315
请注意， Float.parseFloat 方法返回的是 float 类型的值，如果你需要处理更大的数值范围或者更高的精度，可以考虑使用 Double.parseDouble 方法来转换为 double 类型的值。4. 浮点数的精度： 由于浮点数在计算机中的存储方式，直接使用浮点数进行精确计算可能会导致意外的结果。System.out.println("字符串不能转换为浮点数: " + numberStr);System.out.println("a 和 b 足够接近，可以认为是相等");
JS-parseFloat函数
weixin_41682828的博客
06-04 2713
一、工作模式： parseFloat函数在转换数字时，从第一个字符开始解析每个字符。 它会一直解析到字符串末尾，或者终止于遇到的一个无效浮点数字字符。 它始终忽略前导零。 十六进制的格式始终转换为0。如：parseFloat(‘0xf’) //0 它没有第二个参数指定基数。 它如果包含一个可以转换为整数的字符串，则转换为整数。如：parseFloat(‘123red’) ...
【JavaScript】parseFloat()函数
码婆Doph
08-13 892
parseFloat()函数用于解析字符串，从中返回一个浮点数。 语法格式： parseFloat(string);ps： 1.参数string表示被解析的字符串； 2.当字符串中的首个字符为数字，则解析到数字末端为止，并返还结果，如果首个字符不是数字 则返回 NaN；
parseFloat()函数的使用
想好了再写！
07-30 3190
定义： parseFloat() 函数可解析一个字符串，并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。 语法： parseFloat(string) ...
深入理解JavaScript的变量类型转换：parseInt与parseFloat函数详解
JavaScript中，变量类型转换是非常基础且重要的概念，主要通过内置的parseInt()和parseFloat()函数来实现。这两个函数用于将字符串转换为整数和浮点数，但它们的使用方式和处理规则有一些关键要点需要注意。 1. **...
第二题使用parseInt和parseFloat函数将以下字符串转换成数字，并输出结果 var str1 = '42px'; var str2 = '3.14abc';
09-09
`parseInt` 和 `parseFloat` 都是 JavaScript 中用于解析字符串并将其转换为数值的方法。不过它们的区别在于，`parseInt` 主要处理整数，而 `parseFloat` 可以处理包含小数点的浮点数。 对于给定的两个字符串： 1....
JavaScript parseFloat() 函数
致力于成为web大大滴前端
04-26 566
JavaScript parseFloat() 函数 JavaScript 全局对象 定义和用法 parseFloat() 函数可解析一个字符串，并返回一个浮点数。 该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。 语法 parseFloat(string) 参数 描述 string 必需。要被解
parseFloat()
weixin_34378969的博客
01-22 121
parseFloat() 函数可解析一个字符串，并返回一个浮点数。 该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。 例，我们将使用 parseFloat() 来解析不同的字符串： <script type="text/javascript"> document.write(parseFlo...
用于Python开发的20多个最有用的CLI命令（第五部分）
2401_83432873的博客
04-13 793
13、如果调试一个程序让你很苦恼，千万不要放弃，成功永远在拐角之后，除非你走到拐角，否则你永远不知道你离他多远，所以，请记住，坚持不懈，直到成功。1、作为一个真正的程序员，首先应该尊重编程，热爱你所写下的程序，他是你的伙伴，而不是工具。2、程序员可以让步，却不可以退缩，可以羞涩，却不可以软弱，总之，程序员必须是勇敢的。5、没有情调，不懂浪漫，也许这是程序员的一面，但拥有朴实无华的爱是他们的另一面。3、编程是一种单调的生活，因此程序员比普通人需要更多的关怀，更多的友情。14、最累的时候，家人是你最好的归宿。
parseFloat() 是 JavaScript 中的一个全局函数
baifangfang521的博客
03-28 642
是 JavaScript 中的一个全局函数，用于解析一个字符串参数，并返回一个浮点数。这个函数会尝试解析字符串直到遇到一个无法解析为数字的字符为止，然后返回这个部分解析得到的数字。如果整个字符串都无法解析为数字，是如何解析字符串的。它尝试从字符串的开头开始解析，直到遇到无法解析为数字的字符为止。如果整个字符串都无法解析为数字，它将返回。在上面的例子中，你可以看到。
javascript中的parseInt()函数和parseFloat()函数
chaoxi1991的专栏
09-26 741
最近在修复一个bug时，对parseInt()函数有了进一步的了解 以前不了解parseInt()，一直是简单的使用。传入一个参数，用以将字符串转成数字。现在，了解到它可以传两个参数parseInt(string, radix)。 第二参数是进制数，不写则默认是10。 当第一参数字符串以0开头，第二参数为空时，会以八进制的进行计算； 当第一参数字符串以0x开头，第二参数为空时，会以十六进制
parseFloat的使用
MaRain
01-21 5168
作用 parseFloat()函数 可解析一个字符串，并返回一个浮点数。 例子 &lt;script&gt; document.write(parseFloat("10") + "&lt;br&gt;"); 10 document.write(parseFloat("10.33") + "&lt;br&gt;"); 10.33 document.write(parseFlo
javascript 中的内置函数（parseFloat）
KLW75
02-13 938
parseFloat（）函数 parseFloat 主要将首位是数字的字符串转换成浮点型数字。如果字符串不是以数字开头，就会返回NaN。 parseFloat（string） string ：表示想要转换成浮点数字的字符串
【JavaScript】数据类型转换 ② ( 字符类型 转为 数据类型 | parseInt() / parseFloat() 函数 | Number() 函数 | 运算符隐式转换 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-14 1506
一、 字符类型 转为 数据类型 1、parseInt() / parseFloat() 函数 2、Number() 函数 3、运算符隐式转换
javascript当中parseFloat用法
mark_to_win的专栏
03-20 1035
3）parseFloat例 4.3.1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><head><meta http-equiv="content-type" content="text/html; charset=utf-8"/></head>...
JavaScript系统函数（parseInt()函数、parseFloat()函数、isNaN()函数、eval()函数）
小魁的C世界的博客
06-28 940
一、parseInt()函数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值