JavaScript数字和字符串转换示例


Posted in Javascript onMarch 26, 2014

1. 数字转换为字符串

a. 要把一个数字转换为字符串,只要给它添加一个空的字符串即可:

var n = 100; 
var n_as_string = n + "";

b. 要让数字更加显式地转换为字符串,可以使用String()函数:
var string_value = String(number);

c. 使用toString()方法:
string_value = number.toString();

Number对象的(基本的数字转换为Number对象,以便可以调用这个方法)toString()方法有一个可选的参数,该参数用来指定转换的基数。如果不指定这个参数,转换会以10为基数进行。然而,也可以按照其他的基数(2到36之间的数)来转换数字。
例如:
var n = 17; 
binary_string = n.toString(2); // Evaluates to "10001" 
octal_string = "0" + n.toString(8); // Evaluates to "021" 
hex_string = "0x" + n.toString(16); // Evaluates to "0x11"

d. toFixed()方法把一个数字转换为字符串,并且显示小数点后的指定的位数。它不使用指数表示法。
var n = 123456.789; 
n.toFixed(0); // "123457" 
n.toFixed(1); // "123456.79"

e. toExponential()使用指数表示法把一个数字转换为字符串,小数点前面有1位数,而小数点后面有特定的位数。
var n = 123456.789; 
n.toExponential(1); // "1.2e+5" 
n.toExponential(3); // "1.235e+5"

f. toPrecision()使用指定的有意义的位数来显示一个数字,如果有意义的位数还不够显示数字的整个整数部分,它就使用指数表示法。
var n = 123456.789; 
n.toPrecision(4); // "1.235e+5" 
n.toPrecision(7); // "123456.8"

2. 字符串转换为数字

a. 将一个字符串转换为数字的一种缺少些技巧但是很清楚明白的方法就是:把Number()构造函数作为一个函数来调用:

var number = Number(string_value);

b. parseInt()只截取整数,如果一个字符串以"0x"或"0X"开头,parseInt()将其解析成为一个十六进制的数字,parseInt()甚至可以接受一个参数来指定要解析的数字的基数,合法的值在2到36之间。
parseInt("3 blind mice"); // Returns 3 
parseInt("12.34"); // Returns 12 
parseInt("0xFF"); // Returns 255 
parseInt("11", 2); // Returns 3 (1 * 2 + 1) 
parseInt("ff", 16); // Returns 255 (15 * 16 + 15) 
parseInt("zz", 36); // Returns 1295 (35 * 36 + 35) 
parseInt("077", 8); // Returns 63 (7 * 8 + 7) 
parseInt("077", 10); // Returns 77 (7 * 10 + 7)

c. parseFloat()截取整数和浮点数。
parseFloat("3.14 meters"); // Returns 3.14

d. 如果parseInt()和parseFloat()不能够把指定的字符串转换为数字,它们就会返回NaN:
parseInt(''eleven"); // Returns Nan 
parseFloat("$72.47"); // Returns NaN

3 JavaScript取整的方法

a.丢弃小数部分,保留整数部分
parseInt(5/2)

b.向上取整,有小数就整数部分加1

Math.ceil(5/2)

c.向下取整

Math.floor(5/2)

d.四舍五入

Math.round(5/2)

Javascript 相关文章推荐
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 Javascript
React快速入门教程
Jan 17 Javascript
IntersectionObserver实现图片懒加载的示例
Sep 29 Javascript
js获取文件里面的所有文件名(实例)
Oct 17 Javascript
浅谈Node.js 中间件模式
Jun 12 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
对vue生命周期的深入理解
Dec 03 Vue.js
jquery实现瀑布流效果分享
Mar 26 #Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 #Javascript
Jquery对数组的操作技巧整理
Mar 25 #Javascript
常用的几段javascript代码分享
Mar 25 #Javascript
捕获和分析JavaScript Error的方法
Mar 25 #Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 #Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 #Javascript
You might like
全国FM电台频率大全 - 20 广西省
2020/03/11 无线电
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
Javascript浅谈之this
2013/12/17 Javascript
第一章之初识Bootstrap
2016/04/25 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
2016/06/24 Javascript
详解AngularJS验证、过滤器、指令
2017/01/04 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
Angular事件之不同组件间传递数据的方法
2018/11/15 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
vue组件之间的数据传递方法详解
2019/04/19 Javascript
详解vue微信网页授权最终解决方案
2019/06/16 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
Python实时获取cmd的输出
2015/12/13 Python
Python 调用Java实例详解
2017/06/02 Python
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
Python学习_几种存取xls/xlsx文件的方法总结
2018/05/03 Python
Python FTP两个文件夹间的同步实例代码
2018/05/25 Python
简单了解python代码优化小技巧
2019/07/08 Python
快速解决vue.js 模板和jinja 模板冲突的问题
2019/07/26 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
Django URL参数Template反向解析
2020/11/24 Python
英国领先的NHS批准的在线药店:Pharmacy2U
2017/01/06 全球购物
华为菲律宾官方网站:HUAWEI Philippines
2021/02/23 全球购物
2014年药店店长工作总结
2014/11/17 职场文书
优秀团员个人总结
2015/02/26 职场文书
运动会观后感
2015/06/09 职场文书
商业计划书之服装
2019/09/09 职场文书