JavaScript中将number转为string的5种方法

 更新时间:2023年07月28日 09:49:21   作者:姓王名礼  
这篇文章主要给大家介绍了关于JavaScript中将number转为string的5种方法,在JavaScript的值类型转换中,最常发生的就是string与number这两种类型值之间的相互转换,需要的朋友可以参考下

在写代码的时候,我们可能需要将数据从一种类型转换为另一种类型,有很多方法可以实现这个功能。

本篇文章俺将列出一些俺所知道的从数字到字符串的数据转换方法,跟大家一起学习总结。

使用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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 正则表达式替换html元素属性的方法

    正则表达式替换html元素属性的方法

    下面小编就为大家带来一篇正则表达式替换html元素属性的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • js实现目录链接,内容跟着目录滚动显示的简单实例

    js实现目录链接,内容跟着目录滚动显示的简单实例

    下面小编就为大家带来一篇js实现目录链接,内容跟着目录滚动显示的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • javascript下数值型比较难点说明

    javascript下数值型比较难点说明

    下面两个小问题是楼猪在实际项目开发中遇到的,贴上来和大家讨论下。
    2010-06-06
  • 无废话JavaScript教程(全集)

    无废话JavaScript教程(全集)

    许多读者认为我那本《JavaScript语言精髓与编程实践》读来辛苦,所以我一直想写个简单的读本。索性,这次就写个最简单的吧。
    2008-10-10
  • js回调函数原理与用法案例分析

    js回调函数原理与用法案例分析

    这篇文章主要介绍了js回调函数原理与用法,结合具体案例形式分析了js回调函数基本概念、原理、使用方法及操作注意事项,需要的朋友可以参考下
    2020-03-03
  • JavaScript 拾漏补遗

    JavaScript 拾漏补遗

    javascritp实际上由三部分组成: ECMAScript,DOM, BOM 前两者由工业标准,BOM尚比较混乱。
    2009-12-12
  • 外部web端访问微信小程序云数据库的三种方法总结

    外部web端访问微信小程序云数据库的三种方法总结

    最近在研究微信小程序的云开发功能,下面这篇文章主要给大家介绍了关于外部web端访问微信小程序云数据库的三种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-04-04
  • 原生JS实现简单的倒计时功能示例

    原生JS实现简单的倒计时功能示例

    这篇文章主要介绍了原生JS实现简单的倒计时功能,涉及javascript基于定时器的日期时间运算与页面元素属性动态修改相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • JavaScript定义类和对象的方法

    JavaScript定义类和对象的方法

    这篇文章主要介绍了JavaScript定义类和对象的方法,分别以函数方式与Object类方式实现,是javascript非常重要的技巧,需要的朋友可以参考下
    2014-11-11
  • 详解Javascript百度地图接口开发文档中的类和方法

    详解Javascript百度地图接口开发文档中的类和方法

    最近在工作中在用laravel框架仿写饿了么外卖商城,于是学习了一下有关地图接口相关的知识,以下是百步地图接口开发文档的一些类和方法的使用,需要的朋友们可以参考借鉴,下面来一起看看吧。
    2017-02-02

最新评论