您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax |

JavaScript parseInt()与Number()区别案例详解

51自学网 2022-05-02 21:32:19
  javascript

学习目标:

parseInt()、Number()这两个函数用到最多的地方就是把一个字符串转换成数据类型,那么他们都有哪些区别?

学习内容:

parseInt()函数将给定的字符串以指定的基数解析为整数。
parseInt(string,radix)
第二个参数表示使用的进制,我们一般使用10进制,也可能会有到8或者16进制。为了避免对“0”和“0x”开头的字符串解析错误,各种javascript编程规范都规定必须要明确给出第二个参数的值,如parseInt(“123”,10).

parseInt('16', 8)  = 14parseInt('10', 8)  = 8parseInt('16', 10)  = 16parseInt('10', 10)  = 10parseInt('16', 16)  = 22parseInt('10', 16)  = 16

parseInt从头解析string为整数,在遇到不能解析的字符时就返回已经解析的整数部分,如果第一个字符就不能解析,就直接返回NaN。

Number()在不用new操作符时,可以用来执行类型转换。如果无法转换为数字,就返回NaN。 像“123a”,parseInt()返回是123,Number()返回是NaN,不同类型的字符串使用这两个函数的转换区别:

// 当字符串是由数字组成的时候 他们转换的数字一样的没有差别  let numStr = '123'console.log(parseInt(numStr))   //123console.log(Number(numStr))		//123// 当字符串是由字母组成的时候 let numStr = 'abc'console.log(parseInt(numStr))   //NaNconsole.log(Number(numStr))		//NaN// 当字符串是由数字和字母组成的时候 let numStr = '123a'console.log(parseInt(numStr))   //123console.log(Number(numStr))		//NaN// 当字符串是由0和数字let numStr = '0123'console.log(parseInt(numStr))   //123console.log(Number(numStr))		//123// **当字符串包含小数点**let numStr = '123.456'console.log(parseInt(numStr))		//123console.log(Number(numStr))			//123.456// **当字符串为null时**let numStr = nullconsole.log(parseInt(numStr))		//NaNconsole.log(Number(numStr))			//0// **当字符串为''(空)时**let numStr = ''console.log(parseInt(numStr))		//NaNconsole.log(Number(numStr))			//0

学习总结:

1、当字符串是由数字组成的时候 他们转换的数字一样的没有差别;如果字符串不含数字全是字母,这两个方法也都只是返回NaN结果;当字符串是由0和数字组成时,都是解析除0外的全部数字;

2 当字符串是由数字和字母组成的时候 ①字母在开头,这两个方法也都只是返回NaN结果②字母不在开头Number方法返回NaN,pareseInt方法返回字母之前的数据

3 parseInt对于非String类型的值要先转换为String类型再操作 4 剩下的细节参考上述案例

到此这篇关于JavaScript parseInt()与Number()区别案例详解的文章就介绍到这了,更多相关js parseInt()与Number()区别内容请搜索wanshiok.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持wanshiok.com!


一文教你如何像导入JS模块一样导入CSS
Vue前端导出Excel文件的详细实现方案
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1