JavaScript中number转换成string介绍


Posted in Javascript onDecember 31, 2014

在JavaScript的值类型转换中,最常发生的就是string与number这两种类型值之间的相互转换。

可以通过调用number值的4个函数(事实上,是JS将number值自动转化为Number对象后,Number类的4个函数)来将其转换成string:

1.toString()。
2.toFixed()。
3.toExponential()。
4.toPrecision()。

toString()

可以在number值上调用toString()方法来将其转换成字符串。toString()函数接受一个2到36之间的正整数作为参数,其作用为定义数值的进制数;如果该参数缺失,那么toString()函数就以10进制来表示相应的数值。

var a = 42;

console.log(a.toString(2));//101010

console.log(a.toString());//42

console.log("0x" + a.toString(16));//0x2a
var b = 0xff;

console.log(b.toString());//255

toFixed()

toFixed()函数接受一个整数作为参数,参数作用为指定小数点后的精确位数。toFixed()函数所接受的参数还可以是负数(虽然使用情况较少),当参数为负数时,数值的整数部分将损失精度。在使用toFixed()函数对数值进行调整时,JavaScript遵循的是四舍五入的原则。

var x = 17.38;

console.log(x.toFixed(0));//17

console.log(x.toFixed(1));//17.4

console.log(x.toFixed(4));//17.380

console.log(x.toFixed(-1));//20

toExponential()

可以使用toExponential()函数来将数值转换成用科学计数法来表示。toExponential()函数接受一个非负整数为参数(如果此参数为负数,则抛出RangeError),作为科学计数法的精度。与toFixed()函数一样,toExponential()函数对数值进行调整时遵循四舍五入原则。

var y = 17951.38596

console.log(y.toExponential(1));//1.8e+4

console.log(y.toExponential(0));//2e+4

toPrecision()

toPrecision()函数接受一个正整数作为参数(如果参数为0或者负数,程序将抛出RangeError),并将其作为数值的精确位数(包括整数部分和小数部分在内),如果该精确位数小于数值的整数部分位数,那么数值将转换成用科学计数法来表示。与toFixed()函数一样,toPrecision()函数对数值进行调整时遵循四舍五入原则。

var z = 17951.38596;

console.log(z.toPrecision(8));

console.log(z.toPrecision(3));
Javascript 相关文章推荐
js 纯数字不重复排列的另类方法
Jul 17 Javascript
解析JSON对象与字符串之间的相互转换
Dec 18 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
Dec 27 Javascript
原生javascript实现分页效果
Apr 21 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
Angular2安装angular-cli
May 21 Javascript
解决vue里碰到 $refs 的问题的方法
Jul 13 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
JS浏览器BOM常见操作实例详解
Apr 27 Javascript
JavaScript中string转换成number介绍
Dec 31 #Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 #Javascript
JavaScript中的object转换成number或string规则介绍
Dec 31 #Javascript
javascript 事件处理示例分享
Dec 31 #Javascript
JavaScript中的变量作用域介绍
Dec 31 #Javascript
JavaScript中的变量定义与储存介绍
Dec 31 #Javascript
JavaScript中的操作符==与===介绍
Dec 31 #Javascript
You might like
php格式化日期和时间格式化示例分享
2014/02/24 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
js null undefined 空区别说明
2010/06/13 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
理解JS绑定事件
2016/01/19 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
2018/02/23 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
JavaScript碰撞检测原理及其实现代码
2020/03/12 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
vue接口请求加密实例
2020/08/11 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
2020/11/03 Javascript
Python加pyGame实现的简单拼图游戏实例
2015/05/15 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
基于python实现把图片转换成素描
2019/11/13 Python
容易被忽略的Python内置类型
2020/09/03 Python
pytorch 移动端部署之helloworld的使用
2020/10/30 Python
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
2016/12/30 HTML / CSS
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
明信片寄语大全
2014/04/08 职场文书
个人合作协议书范本
2014/04/18 职场文书
大学同学会活动方案
2014/08/20 职场文书
会计电算化实训报告
2014/11/04 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
JS实现刷新网页后之前浏览位置保持不变示例详解
2022/08/14 Javascript
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS