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获取用户本地图片路径并显示的代码
Feb 16 Javascript
根据表格中的某一列进行排序的javascript代码
Nov 29 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
Feb 20 Javascript
javascript去除空格方法小结
May 21 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
jQuery多文件异步上传带进度条实例代码
Aug 16 Javascript
jQuery实用密码强度检测
Mar 02 Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
微信小程序富文本渲染引擎的详解
Sep 30 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 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
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
解析centos中Apache、php、mysql 默认安装路径
2013/06/25 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
PHP中substr_count()函数获取子字符串出现次数的方法
2016/01/07 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
ie focus bug 解决方法
2009/09/03 Javascript
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
用jquery和json从后台获得数据集的代码
2011/11/07 Javascript
这段js代码得节约你多少时间
2011/12/20 Javascript
jquery用data方法获取某个元素上的事件
2014/06/23 Javascript
node.js中的http.createClient方法使用说明
2014/12/15 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
jQuery使用Layer弹出层插件闪退问题
2016/12/22 Javascript
bootstrap是什么_动力节点Java学院整理
2017/07/14 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
2018/08/24 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
Python发送form-data请求及拼接form-data内容的方法
2016/03/05 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
python实现ip代理池功能示例
2019/07/05 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
HTML如何让IMG自动适应DIV容器大小的实现方法
2020/02/25 HTML / CSS
马来西亚户外装备商店:PTT Outdoor
2019/07/13 全球购物
俄罗斯一家时尚女装商店:Charuel
2019/12/04 全球购物
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
2015小学教师德育工作总结
2015/05/12 职场文书
计算机实训心得体会
2016/01/14 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers