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 相关文章推荐
默认让页面的第一个控件选中的javascript代码
Dec 26 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 Javascript
利用JS实现数字增长
Jul 28 Javascript
js设置和获取自定义属性的方法
Oct 20 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
基于JavaScript实现的快速排序算法分析
Apr 14 Javascript
vue集成百度UEditor富文本编辑器使用教程
Sep 21 Javascript
layui实现数据表格点击搜索功能
Mar 26 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
Jan 15 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/09/09 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
PHP使用pear自带的mail类库发邮件的方法
2015/07/08 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
JavaScript 继承详解(一)
2009/07/13 Javascript
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
2010/08/07 Javascript
在网站上应该用的30个jQuery插件整理
2011/11/03 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
2016/05/24 Javascript
移动端使用localResizeIMG4压缩图片
2017/04/22 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
2017/05/03 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
2018/03/06 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
实例解析Python的Twisted框架中Deferred对象的用法
2016/05/25 Python
Python解决八皇后问题示例
2018/04/22 Python
将pip源更换到国内镜像的详细步骤
2019/04/07 Python
pytorch masked_fill报错的解决
2020/02/18 Python
如何查看Django ORM执行的SQL语句的实现
2020/04/20 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
英国现代、当代和设计师家具店:Furntastic
2020/07/18 全球购物
美国小蜜蜂Burt’s Bees德国官网:天然唇部、皮肤和身体护理产品
2020/06/14 全球购物
MyBag中文网:英国著名的时尚包袋电商零售网站
2020/07/31 全球购物
局部内部类是否可以访问非final变量?
2013/04/20 面试题
办理退休介绍信
2014/01/09 职场文书
素质拓展感言
2014/01/29 职场文书
《放飞蜻蜓》教学反思
2014/04/27 职场文书
感谢信的技巧及范例
2019/05/15 职场文书