多语言展示
当前在线:1870今日阅读:100今日分享:18

如何JavaScript将字符串带单位值转换成数值类型

在JavaScript中,如果字符串中全部是数字,可以直接使用Number()将其转换成数值类型;但是,如果字符串中带有单位,如cm、mm、kg或px等,直接使用Number(),转换之后的结果为NaN;使用parseInt()进行转换,它会将单位去掉,留下数值。下面利用实例说明,操作如下:
工具/原料
1

JavaScript

2

HTML5

3

浏览器

4

截图工具

5

HBuilderX

方法/步骤
1

第一步,双击打开HBuilderX工具,新建一个JavaScript文件,定义一个数值类型变量k并赋值120,如下图所示:

2

第二步,再次定义一个变量c,并赋值数字和字母(单位)混合的字符串,如下图所示:

3

第三步,使用跟第二步相同的方法,再次定义一个变量并赋值混合字符串,如下图所示:

4

第四步,使用打印方法,并调用Number()将上述三步中的变量进行转换,如下图所示:

5

第五步,再次使用console.log(),调用parseInt()方法进行转换,查看打印结果,如下图所示:

6

第六步,将已经编译好的JavaScript文件,引入到HTML5页面中,在浏览器查看打印结果,如下图所示:

注意事项
1

注意JavaScript中的Number()和parseInt()方法的用法和区别

2

注意字符串和数值类型相互转换的方法

推荐信息