Js中parseInt()和Number()之间有什么区别?

更新日期: 2019-12-24阅读: 2.1k标签: number

Number()和parseInt()都可以用来进行数字的转换,那么parseInt()和Number()之间的区别是什么?


parseInt()函数

parseInt()函数用于解析字符串并将其转换为指定基数的整数。它需要两个参数,要解析的字符串和要使用的基数。基数是一个介于2和36之间的整数,表示数字的基数。

如果parseInt()在解析过程中遇到不符合指定基数的字符,它将忽略该字符和所有后续字符。然后它将解析到该点的值作为一个整数返回。在这种情况下,允许使用前导或尾随的空格。

如果parseInt()函数得到参数如果以数字开头,就会返回开头的合法数字部分;如果以非数字开头,则它将返回NaN。此NaN值不是任何基数的有效数字,不能用于任何数学计算。

语法

parseInt(string, radix)


Number()函数:

Number()函数用于创建基本类型Number对象。它接受一个参数,即数字的值。此值可以使用字符串传递,Number函数将尝试将其表示为数字。如果参数无法转换为数字,则返回NaN值。此NaN值不是有效数字,不能用于任何数学计算。

语法:

Number(valueString)


parseInt()和Number()之间的区别

下面通过实例来看看parseInt()和Number()之间的区别。

示例1:

这个例子显示parseInt()试图将值转换为可以转换为整数的最后一个字符。后面的空白和字符将被忽略,因为它们是无效的。另一方面,Number()函数只返回NaN。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>parseInt()和Number()之间的区别</title>
</head>

<body>
	<h2>parseInt()和Number()之间的区别</h2>
	<p>字符串为: 10.6 objects</p>
	<p>parseInt的输出为: <span></span></p>
	<p>Number的输出为: <span></span></p>
	<script type="text/javascript">
		let string = '10.6 objects';
		let number1 = parseInt(string);
		let number2 = Number(string);

		document.querySelector('.parseoutput').textContent = number1;
		document.querySelector('.numberOutput').textContent = number2;
	</script>
</body>
</html>


示例2:

parseInt()仅返回整数值的区别,而Number()返回包括浮点的所有数字。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>parseInt()和Number()之间的区别</title>
</head>

<body>
	<h2>parseInt()和Number()之间的区别</h2>
	<p>字符串为: 3.1415</p>
	<p>parseInt的输出为: <span></span></p>
	<p>Number的输出为: <span></span></p>
	<script type="text/javascript">
		let string = '3.1415';
		let number1 = parseInt(string);
		let number2 = Number(string);

		document.querySelector('.parseOutput').textContent = number1;
		document.querySelector('.numberOutput').textContent = number2;
	</script>
</body>
</html>


区别:

1、当转换的内容包含非数字的时候,Number() 会返回NaN(Not a Number);parseInt() 要看情况,如果以数字开头,就会返回开头的合法数字部分,如果以非数字开头,则返回NaN。

2、parseInt()仅返回整数值的区别,而Number()返回包括浮点的所有数字。


链接: https://fly63.com/article/detial/7583

js求数组的最大值_如何用JS求Number类型数组中最大元素?

如何使用JS,在一个Number类型的数组里,查找最大数呢?以下介绍四个方法:1. 不使用任何库函数、2. 利用Array.reduce()、3. 利用Apply和Math.max()、4. 只用Math.max()

js判断类型为数字的方法实现总汇——原生js判断isNumber()

这篇文章主要整理关于js判断变量是否为数字的实现方法,我们把方法命名为isNumber,也就是说:对于整数,浮点数返回true,对于NaN或可转成NaN的值返回false。

去除input默认的加减号_input属性为number时,如何去掉+、-号?

input标签有type=number的时候,默认情况下有加减号的功能。那么,怎么去掉这个别扭的东西呢?首先想到的是用 type =”tel” 这样移动端同样会调出数字输入键盘, 而且也不存在加减按钮,如果只修改样式应该怎么做呢?

去除input[type=number]的默认样式

input[type=number]有时会出现默认的加减spinners,这时就需要清除默认样式 。如何移除 input type=number时浏览器自带的上下箭头?以上疑惑怎么解决;很简单,只要css控制即可。

js 中的 number 为何很怪异

声明:需要读者对二进制有一定的了解,对于 JavaScript 开发者来说,或多或少都遇到过 js 在处理数字上的奇怪现象,如果想要弄明白为什么会出现这些奇怪现象,首先要弄清楚 JavaScript 是怎样编码数字的。

js类型Number、Symbol、Object容易忽略的细节

Number 类型表示我们通常意义上的“数字”。这个数 字大致对应数学中的有理数,当然,在计算机中,我们有一定的精度限制。JavaScript 中的 Number 类型有 18437736874454810627(即 2^64-2^53+3) 个值。

js中四舍五入保留两位效数,js中将Number转换成字符类型

在js文件中做简单的加减乘除四则运算,一定要注意:先将字符类型转换成Number类型,在最后的输出值的时候在转换成字符类型(调用的是toString()方法),如果不这样做的话,是会报错的。

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!