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 相关文章推荐
判断是否安装flash player及当前版本的JS代码
Aug 08 Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
js 距离某一时间点时间是多少实现代码
Oct 14 Javascript
解决json日期格式问题的3种方法
Feb 02 Javascript
jQuery操作cookie方法实例教程
Nov 25 Javascript
探讨JavaScript语句的执行过程
Jan 28 Javascript
Vue2实现组件props双向绑定
Dec 02 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
解决vue router组件状态刷新消失的问题
Aug 01 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 Javascript
react使用CSS实现react动画功能示例
May 18 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 变量定义方法
2009/06/14 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
JavaScript 继承详解(三)
2009/07/13 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
2015/09/18 Javascript
Angular实现form自动布局
2016/01/28 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
Node.js获取前端ajax提交的request信息
2017/02/20 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
2017/04/13 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
Angularjs cookie 操作实例详解
2017/09/27 Javascript
AngularJS 前台分页实现的示例代码
2018/06/07 Javascript
在 Vue.js中优雅地使用全局事件的方法
2019/02/01 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
2020/04/11 Javascript
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
Python中设置变量访问权限的方法
2015/04/27 Python
Python RuntimeError: thread.__init__() not called解决方法
2015/04/28 Python
OpenCV2.3.1+Python2.7.3+Numpy等的配置解析
2018/01/05 Python
python中字符串的操作方法大全
2018/06/03 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
Pytorch实现GoogLeNet的方法
2019/08/18 Python
python同步windows和linux文件
2019/08/29 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Nike澳大利亚官网:Nike.com (AU)
2019/06/03 全球购物
优秀教师先进事迹材料
2014/12/15 职场文书
工程项目合作意向书
2015/05/08 职场文书
民事上诉状范文
2015/05/22 职场文书
2019行政前台转正申请书范文3篇
2019/08/15 职场文书
中国古风插画师排行榜:夏达第一,第三是阴阳师姑获鸟皮肤创作者
2022/03/18 国漫