Js中parseInt()和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>
广州品牌设计公司https://www.houdianzi.com
示例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://www.cnblogs.com/xiaonian8/p/14017576.html
- Do You Kown Asp.Net Core -- Asp.Net Core 2.0 未来web开发新趋势 Razor Page
- Metasploitable2使用指南
- 在渗透测试中使用fuzz技术(附windows安装指南)
- 黑了记者:写个恶意软件玩玩(二)
- 开源BUG跟踪平台JIRA目录遍历漏洞分析
- 黑了记者:写个恶意软件玩玩(一)
- 使用 Python 工具 Locust 进行负载测试
- 玩转Google的XSS游戏
- iOS基于GPUImage的图像形变设计(简单形变部分)
- 不错的node.js入门
- Sql语句收藏
- View-ForumsGroupView.ascx 读解
- GoAgent漏洞可能导致中间人攻击
- [APT攻击]趋势科技捕获一次APT攻击活动
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Posix线程 它们那一大家子事儿,要觉得好你就收藏进被窝里慢慢看 (1)
- 种树:二叉树、二叉搜索树、AVL树、红黑树、哈夫曼树、B树、树与森林
- 【Linux内核】进程管理
- Django后台管理界面修改(代码修改)
- OpsnSSH抓包分析 | SSH协议分析
- 搭建简易的物联网服务端和客户端-第三次增补(二十二)
- ReentrantLock源码解析
- Nodejs连接PostgreSQL
- ReentrantReadWriteLock源码解析
- LockSupport源码解析
- Nodejs定时自动截图并发送给邮箱
- StampedLock源码解析
- 手植这棵自顶向下伸展树,何时亭亭如盖呢?
- ConcurrentLinkedDeque源码解析
- 给初学者的Gulp教程(译)