`
happyqing
  • 浏览: 3199376 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js字符串转换成数字,数字转换成字符串

    博客分类:
  • js
阅读更多

js字符串转换成数字

 

将字符串转换成数字,得用到parseInt函数。

parseInt(string) : 函数从string的开始解析,返回一个整数。

 

举例:parseInt('123') : 返回 123(int);

parseInt('1234xxx') : 返回 1234(int);

 

如果解析不到数字,则将返回一个NaN的值,可以用isNaN()函数来检测;

 

举例 :

var i = parseInt('abc');

if (isNaN(i))

{

alert('NaN value');

}

 

同样的parseFloat函数是将字符串转换成浮点数。

举例:parseFloat('31.24abc') : 返回 31.24;

 

js数字转换成字符串

 

将字符串转换成数字,得用到String类的toString方法

举例:

var i = 10;

var s = i.toString();

alert(typeof s); //将输出 String

 

js数字与字符串的区别

js的数字的加法与字符串的连接都是 + 符号, 所以究竟是加还是字符串的连接就取决与变量的类型。

举例:

var a = 'abc' + 'xyz'; //a的值为:abcxyz,字符串与字符串是连接

var a = 10 + 5; //a的值为:15,数字是加

var a = 'abc' + 10; //a的值为:abc10,字符串与数字,自动将10转换成字符串了

var a = 'abc' + 10 + 20 + 'cd'; //a的值为:abc1020cd

var a = 10 + 20 + 'abc' + 'cd'; //a的值为:30abccd,可以数字加的先数字加,然后再连接

 

补充:

js 字符串转换数字 
方法主要有三种

转换函数、强制类型转换、利用js变量弱类型转换。

1. 转换函数:

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



一些示例如下:

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



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

parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10
如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如:
parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10



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

下面是使用parseFloat()方法的示例:
parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("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 string
Boolean("hi"); //true – non-empty string
Boolean(100); //true – non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true – object

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

用  法 结  果
Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100  

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

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

3. 利用js变量弱类型转换

举个小例子,一看,就会明白了。
<script>
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>

上例利用了js的弱类型的特点,只进行了算术运算,实现了字符串到数字的类型转换,不过这个方法还是不推荐的

分享到:
评论

相关推荐

    实例分析PHP将字符串转换成数字的方法

    下面给大家介绍PHP将字符串转换成数字的四种方法。 方法1: 使用number_format()函数。number_format()函数用于将字符串转换为数字。它会在成功时返回格式化的数字,否则会在失败时给出E_WARNING。 &lt;?php $...

    js string转date(js字符串转换成日期,代码调试通)

    js string转date,js字符串转换成日期,此代码支持将datetime(年月日小时分秒格式)转换为js的Date类型,程序已调试并支持在HTML中运行、代码请见附件。

    js把字符串转换成变量

    在JavaScript(JS)中,将字符串转换为变量是一项常见的任务,尤其在动态编程或处理用户输入时。在JavaScript中,有几种方法可以实现这个目标,主要涉及到`eval()`函数、`window[]`对象以及`new Function()`构造函数...

    js字符串转换成数字.docx

    在JavaScript中,将字符串转换为数字是一个常见的操作,主要涉及三种方法:转换函数、强制类型转换以及利用JavaScript的弱类型转换特性。 1. **转换函数**: - `parseInt()`:这个函数主要用于将字符串转换为整数...

    【js,字符串转换成数字的三种方法】js转化为字符串[修改版].pdf

    总结来说,将JavaScript字符串转换为数字,你可以使用`parseInt()`、`parseFloat()`、`Number()`函数,或者在特定操作中利用JavaScript的弱类型转换特性。理解这些方法的工作原理对于编写高效且无误的JavaScript代码...

    关于js中字符串转换成数字的问题

    ### 关于JS中字符串转换成数字的问题 在JavaScript(简称JS)编程中,字符串与数字之间的转换是一项常用且重要的操作。对于开发人员来说,能够熟练掌握这些转换方法是十分必要的。根据提供的信息,本文将详细介绍...

    js字符串转换成数字与数字转换成字符串的实现方法

    在JavaScript中,字符串转换成数字和数字转换成字符串是常见的类型转换操作,这对于处理用户输入、计算和其他数据处理任务至关重要。下面将详细讲解这两种转换的方法。 **字符串转换成数字** 1. **parseInt()函数*...

    js 字符串转换成数字的三种方法.pdf

    在JavaScript中,将字符串转换为数字有三种主要的方法:转换函数、强制类型转换以及利用JavaScript的弱类型转换特性。下面将详细阐述每种方法及其应用。 1. **转换函数** - `parseInt()`:这个函数主要用于将字符...

    javascript字符型转换成整型

    `parseInt()` 是JavaScript中最常用的一种将字符串转换为整数的方法之一。它的基本语法如下: ```javascript parseInt(string, radix); ``` - **string**:需要被转换的字符串。 - **radix**:可选参数,表示解析...

    时间字符串转换成日期对象datetime的方法

    您可能感兴趣的文章:sql语句中如何将datetime格式的日期转换为yy-mm-dd格式将WMI中的DateTime类型转换成VBS时间的函数代码LINQ字符串向datetime 转换时失败的处理方法Sql中将datetime转换成字符串的

    JS如何把字符串转换成json

    这篇文章主要介绍了JS如何把字符串转换成json,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 Json格式字符串 "{"rows":[{"date":"2018-11-19","money":"22",...

    javascript实现的字符串与十六进制表示字符串相互转换方法

    本文实例讲述了javascript实现的字符串与十六进制表示字符串相互转换方法。分享给大家供大家参考。具体如下: 之所以写这个,是因为发现SQL注入和XSS中经常利用十六进制表示的字符串,比如 SELECT CONCAT(0x68656c6...

    【js,字符串转换成数字的三种方法】js转化为字符串[修改版].docx

    在JavaScript中,将字符串转换为数字有多种方法,主要涉及`parseInt()`、`parseFloat()`以及类型转换。这些方法在处理数字数据时非常关键,因为JavaScript中的数据类型是动态的,需要根据实际需求进行类型转换。 1....

    使用str2num、str2double、str2int等函数来实现字符串转换为数字类型的功能

    MATLAB 字符串转换为数字类型的实现方法 在 MATLAB 中,实现字符串转换为数字类型的功能是非常重要的。在实际应用中,我们经常需要将字符串类型的数据转换为数字类型,以便进行后续的计算和处理。然而,在 MATLAB ...

    判断一个字符串或字符串中的一个字符是否为数字类型

    - 安全性:在处理用户输入时,应避免直接将未经验证的字符串转换为数字,以防 SQL 注入或其他攻击。可以先进行验证,再进行转换。 - 效率:正则表达式可能比简单的遍历更慢,但在大多数情况下,性能差异微不足道。...

    js 字符串转化成数字的代码

    在JavaScript中,将字符串转化为数字是一项常见的操作,主要可以通过转换函数、强制类型转换以及JavaScript的弱类型转换来实现。下面将详细阐述这三种方法。 1. **转换函数**: - `parseInt()`:这个函数主要用于...

    js 字符串转换数字.pdf

    在JavaScript中,将字符串转换为数字是常见的操作,特别是在处理用户输入或解析数据时。有三种主要的方法可以完成这个任务。 1. **转换函数**: - `parseInt()`:此函数用于将字符串转换为整数。它会忽略字符串...

    转换科学计数法的数值字符串为decimal类型的方法

    当需要将科学计数法的数字字符串转换成decimal时,这2种写法都报错: msg 8114, level 16, state 5, line 1 error converting data type varchar to numeric. select cast('0.12e+006' as decimal(18,2)); select ...

    javascript将16进制的字符串转换为10进制整数hex.docx

    例如,如果想要将一个16进制字符串转换为10进制整数,则可以这样操作: ```javascript var hexStr = "FF"; var decimal = parseInt(hexStr, 16); // 结果为255 ``` #### 2. 自定义函数实现 除了使用内置函数外,...

Global site tag (gtag.js) - Google Analytics