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 相关文章推荐
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
Jquery遍历select option和添加移除option的实现方法
Aug 26 Javascript
Javascript动画效果(3)
Oct 11 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
Vue.js自定义指令的用法与实例解析
Jan 18 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
Jun 19 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
vue实现的上拉加载更多数据/分页功能示例
May 25 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 Javascript
详解Howler.js Web音频播放终极解决方案
Aug 23 Javascript
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
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
Laravel框架学习笔记之批量更新数据功能
2019/05/30 PHP
让元素在网页中可拖动示例代码
2013/08/13 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
JavaScript组件开发完整示例
2015/12/15 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
2016/07/01 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
jquery 手势密码插件
2017/03/17 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
浅谈React之状态(State)
2018/09/19 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
[50:02]完美世界DOTA2联赛循环赛 Magma vs IO BO2第一场 11.01
2020/11/02 DOTA
python实现dnspod自动更新dns解析的方法
2014/02/14 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
html5菜单折纸效果
2014/04/22 HTML / CSS
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
Foot Locker加拿大官网:美国知名运动产品零售商
2019/07/21 全球购物
业务员岗位职责
2013/11/16 职场文书
事业单位公务员的职业生涯规划
2014/01/15 职场文书
社区八一活动方案
2014/02/03 职场文书
医院总经理岗位职责
2014/02/04 职场文书
读书活动总结
2014/04/28 职场文书
我爱我家教学反思
2014/05/01 职场文书
党的群众路线教育实践活动个人批评与自我批评
2014/10/16 职场文书
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技
nginx静态资源的服务器配置方法
2022/07/07 Servers
SpringBoot详解执行过程
2022/07/15 Java/Android
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS