广告
返回顶部
首页 > 资讯 > 精选 >JavaScript怎么转换成数字
  • 214
分享到

JavaScript怎么转换成数字

2023-06-14 12:06:59 214人浏览 八月长安
摘要

小编给大家分享一下javascript怎么转换成数字,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!转换方法:1、使用转换函数parseInt()和parseFlo

小编给大家分享一下javascript怎么转换成数字,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

转换方法:1、使用转换函数parseInt()和parseFloat(),语法“parseInt("值")”和“parseFloat("值")”;2、使用强制类型转换,利用Number()将给定的值转换成数字,语法“Number("值")。

教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9,那么a.value要小于b.value,因为他们都是字符串形式的。

JavaScript转换成数字的方法主要有两种:转换函数和强制类型转换

1. 转换函数:

js提供了parseInt()parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)

一些示例如下:

parseInt("1234blue"); //returns 1234parseInt("0xA"); //returns 10parseInt("22.5"); //returns 22parseInt("blue"); //returns NaN

parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例如下:

parseInt("AF", 16); //returns 175parseInt("10", 2); //returns 2parseInt("10", 8); //returns 8parseInt("10", 10); //returns 10

如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如:

parseInt("010"); //returns 8parseInt("010", 8); //returns 8parseInt("010", 10); //returns 10

parseFloat()方法与parseInt()方法的处理方式相似。

使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,parseFloat()没有基模式。

下面是使用parseFloat()方法的示例:

parseFloat("1234blue"); //returns 1234.0parseFloat("0xA"); //returns NaNparseFloat("22.5"); //returns 22.5parseFloat("22.34.5"); //returns 22.34parseFloat("0908"); //returns 908parseFloat("blue"); //returns NaN

2. 强制类型转换

还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。

ECMAScript中可用的3种强制类型转换如下:

  • Boolean(value)——把给定的值转换成Boolean型;

  • Number(value)——把给定的值转换成数字(可以是整数或浮点数);

  • String(value)——把给定的值转换成字符串。

用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。

当要转换的值是至少有一个字符的字符串、非0数字或对象(下一节将讨论这一点)时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。

可以用下面的代码段测试Boolean型的强制类型转换。

Boolean(""); //false – empty stringBoolean("hi"); //true – non-empty stringBoolean(100); //true – non-zero numberBoolean(null); //false - nullBoolean(0); //false - zeroBoolean(new Object()); //true – object

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。示例如下:

Number(false) 0Number(true) 1Number(undefined) NaNNumber(null) 0Number( "5.5 ") 5.5Number( "56 ") 56Number( "5.6.7 ") NaNNumber(new Object()) NaNNumber(100) 100

最后一种强制类型转换方法String()是最简单的,示例如下:

var s1 = String(null); //"null"var oNull = null;var s2 = oNull.toString(); //won't work, causes an error

以上是“JavaScript怎么转换成数字”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!

--结束END--

本文标题: JavaScript怎么转换成数字

本文链接: https://www.lsjlt.com/news/270636.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript怎么转换成数字
    小编给大家分享一下JavaScript怎么转换成数字,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!转换方法:1、使用转换函数parseInt()和parseFlo...
    99+
    2023-06-14
  • javascript如何将字符转换成数字
    本篇内容主要讲解“javascript如何将字符转换成数字”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript如何将字符转换成数字”吧! ...
    99+
    2022-10-19
  • javascript中怎么将url转换成汉字
    本篇内容介绍了“javascript中怎么将url转换成汉字”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!...
    99+
    2022-10-19
  • javascript如何将字符串转换成数字
    这篇文章将为大家详细讲解有关javascript如何将字符串转换成数字,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 转换方法:1、利用“-”...
    99+
    2022-10-19
  • JavaScript中数字如何转换成字符串
    这期内容当中小编将会给大家带来有关JavaScript中数字如何转换成字符串,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。JavaScript是什么JS是JavaScript的简称,它是一种直译式的脚本语...
    99+
    2023-06-14
  • python怎么将数字转换成字符串
    可以使用str()函数将数字转换为字符串。例如:pythonnumber = 123string = str(number)prin...
    99+
    2023-10-20
    python
  • JavaScript字符串转换成数组的代码怎么写
    今天小编给大家分享一下JavaScript字符串转换成数组的代码怎么写的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,...
    99+
    2022-10-19
  • JavaScript如何将数字转换成时间
    这篇文章主要讲解了“JavaScript如何将数字转换成时间”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript如何将数字转换成时间”吧! ...
    99+
    2022-10-19
  • javascript中如何将字符串转换成数字
    目录转换方法javascript将字符串转换成数字方法1方法2方法3方法4总结转换方法 1、利用“-”、“*”、“/&rd...
    99+
    2023-02-10
    javascript字符串 javascript数字 js字符串转换数字
  • javascript怎么将字符串转换为数字
    这篇文章将为大家详细讲解有关javascript怎么将字符串转换为数字,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户点击,给用户提供更好...
    99+
    2023-06-14
  • php中怎么将数字转换成字符串
    PHP 是一门功能强大的服务器脚本语言,它支持将数字转换成字符串的功能。这项功能在某些情况下会非常有用,比如在处理表单输入、数据存储以及输出等方面。在本文中,我们将介绍 PHP 中如何将数字转换成字符串。一、使用 (string) 操作符P...
    99+
    2023-05-14
  • matlab数组怎么转换成字符串
    要将MATLAB中的数组转换为字符串,可以使用`num2str`函数。以下是一个示例:```matlabA = [1, 2, 3, ...
    99+
    2023-09-21
    matlab
  • php 怎么将数字转换成英文
    本文操作环境:Windows7系统,PHP7.4版,Dell G3电脑。php 怎么将数字转换成英文?PHP 金额数字转换成英文找了很久,搜索的关键词总是词不达意似的。 代码如下:<php $num=1220.01; echo fmo...
    99+
    2022-01-28
    php
  • python字符怎么转换成字节
    可以使用encode()方法将字符串转换为字节,例如:```pythons = "Hello, World!"b = s.encod...
    99+
    2023-09-15
    python
  • JavaScript如何使用+将字符串转换成数字
    这篇文章将为大家详细讲解有关JavaScript如何使用+将字符串转换成数字,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。使用+将字符串转换成数字这个技巧非常有用,其非常简单,可以交字符串数据转换成数字,...
    99+
    2023-06-27
  • javascript中字符串如何转换成数组
    这篇文章主要讲解了“javascript中字符串如何转换成数组”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript中字符串如何转换成数组”吧!...
    99+
    2022-10-19
  • javascript如何将值转换成数字类型
    这篇文章主要讲解了“javascript如何将值转换成数字类型”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript如何将值转换成数字类型”吧!...
    99+
    2022-10-19
  • JavaScript怎么将伪数组转换成数组 
    今天小编给大家分享一下JavaScript怎么将伪数组转换成数组 的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。什...
    99+
    2023-07-02
  • javascript中怎么将string转换成数组
    javascript中怎么将string转换成数组?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。在javascript中,可以使用split方法将string转...
    99+
    2023-06-15
  • javascript json字符串怎样转换成对象
    这篇文章主要讲解了“javascript json字符串怎样转换成对象”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript json字符串怎样转换成对象”吧!转换方法:1、使用...
    99+
    2023-06-14
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作