字符串类型转数字类型的几种方法

原创已于 2022-11-16 19:45:40 修改 · 3.4w 阅读

55 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

于 2022-05-31 18:02:22 首次发布

vue 专栏收录该内容

75 篇文章

订阅专栏

本文详细介绍了JavaScript中将字符串转换为数字的几种方法，包括Number()、parseInt()、parseFloat()以及使用乘除运算符。Number()在遇到非数字时会返回NaN，parseInt()会忽略非数字部分并返回整数，parseFloat()会保留小数点后部分，而乘除运算符则可以隐式转换字符串为数字。文章通过实例展示了每种方法的使用和结果。

1. Number()

var str1="11",
    str2="hello",
	num1 = Number( str1 ),
    num2 = Number( str2 );
console.log(num1);
console.log(num2);
//结果为：11 NAN

2.parseInt()

如果第一个字符串就是非数字，返回NaN。

如果是有小数的数字，会被去除。

var str1="HELLO",
	str2="123HELLO",
	str3="123.33.3HELLO";
str1 = parseInt( str1 );
str2 = parseInt( str2 );
str3 = parseInt( str3 );
console.log(str1);
console.log(str2);
console.log(str3);
//结果：NaN 123 123

3.parseFloat()

如果是有小数的数字，会被保留，但是只有第一个小数点后的数字保留。

var str1="HELLO",
	str2="123HELLO",
	str3="123.33.3HELLO";
str1 = parseFloat( str1 );
str2 = parseFloat( str2 );
str3 = parseFloat( str3 );
console.log(str1);
console.log(str2);
console.log(str3);
//结果： NaN 123 123.33

4.new Number()

一般不推荐使用。

num = new Number( str ).valueOf();
	console.log(num.valueOf());

**5 * /**

num1 = str / 1;
	num2 = str * 1;
	console.log( num1 + ' 的类型为 ' + typeof num1 );
	console.log( num2 + ' 的类型为 ' + typeof num2 );