JavaScript中将number转为string的5种方法
在写代码的时候，我们可能需要将数据从一种类型转换为另一种类型，有很多方法可以实现这个功能。
本篇文章俺将列出一些俺所知道的从数字到字符串的数据转换方法，跟大家一起学习总结。
使用toString方法
有一个默认的字符串方法可以将数据转换为字符串。
toString方法：返回一个包含该值的String对象。
myNumber = 100 myNumber.toString() // result: '100' noNumber = NaN noNumber.toString() // result: 'NaN' decNum = 122.33 decNum.toString() // result: "122.33"
使用String()
方法的作用是:为传递给它的数字创建一个基本的字符串类型。
myNumber = 99 String(myNumber) // result: '99' fltNumber = 25.54 String(fltNumber) // result: '25.54'
连接空字符串
将空字符串添加到数字值将数据转换为字符串是实现该功能最简单的方法之一。
在性能方面，它也被认为比上面两个更快。
myNumber = 22 myString = '' + myNumber // result: '22' fltNumber = 25.54 fltString = '' + fltNumber // result: '25.54'
模板字符串
随着ES6中模板字符串的引入，在字符串中注入数字是解析整数或浮点数据类型的有效方法。这是将数字转换为字符串的最快方法。
随着ES6中模板字符串的引入，在字符串中注入数字是解析整数或浮点数据类型的有效方法。这是将数字转换为字符串的最快方法。
使用toFixed方法
这个方法用的人很少，但需要注意小数点类型的数字。
myNumber = 22 myNumber.toFixed() // result: '22' a = 56.9887 a.toFixed() // result: '57' a.toFixed(4) // result: '56.9887'
附：String转Number
Number()方法
var str = '123' var num = Number(str) console.log(num)
Number方法可以将字符串为纯数字的字符串变成数字类型。如果字符串里面有一些非数字的元素在里面，则会转换失败。即返回类型为NaN。
字符串里面也可以是负数，小数，均可以转换。
parseInt()方法
var str = '123' var num = parseInt(str) console.log(num)
parseInt()方法也可以将数字转成字符串，但是注意，整数数字类型的字符串，转换之后得到的仍然是整数数字。
数字开头的字符串，转换之后得到的是前边的数字。例如str变成了’123a’，仍然可以转换为数字123。
小数类型的字符串，转换之后取整。
非数字开头的字符串，转换之后得到的是NaN。
parseFloat()方法
该方法与上面parseInt方法基本一样，整数转变以后仍然是整数，数字开头的仍然可以把前面数字转成字符类型，非数字开头也是NaN。
但是，这种方法可以把小数也转换成小数，不会像上面parseInt方法只能转成整数。
总结
到此这篇关于JavaScript中将number转为string的5种方法的文章就介绍到这了,更多相关JS将number转string内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了extjs图形绘制之饼图实现方法,结合实例形式分析了extjs绘制饼图的相关实现方法与操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了DOM节点深度克隆函数cloneNode()用法,实例分析了cloneNode()函数深度复制的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
最近在做web项目，碰到需要跨页面传递参数的功能，就是那种需要把当前页面的内容带到新开的子窗体中，以前的做法是传一个id过去，然后在新窗口中去读数据库的内容;比较有意思的是直接通过调用form的submit方法不能触发onsubmit事件，查看了帮助文档，必须手动的触发，否则只能看到页面刷新而没有打开新窗口2012-12-12
这篇文章主要给大家介绍了关于利用JS、CSS实现列表自动滑动滚动效果的相关资料,本人在项目中遇到这样的需求,亲自来做的,通过html页面配合js,css来做出的列表自动滑动,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了JS实现灵巧的下拉导航效果代码,通过自定义js插件脚本dropdown.js实现简单的下拉导航效果的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上，本文重点给大家介绍JavaScript手动实现instanceof的问题，感兴趣的朋友跟随小编一起看看吧2021-10-10
在TypeScript中若一个变量使用了联合类型,那么当我们使用该变量时必不可少的会去明确的限制该变量的具体类型，这称为类型缩小,这篇文章主要给大家介绍了关于TypeScript学习笔记之类型缩小的相关资料,需要的朋友可以参考下2022-09-09
js Html结构转字符串形式显示代码，需要的朋友可以参考下。2011-11-11
下面小编就为大家带来一篇封装运动框架实战左右与上下滑动的焦点轮播图(实例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
JavaScript, select标签元素左右移动功能实现
这篇文章主要介绍了JavaScript, select标签元素左右移动功能实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
最新评论