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 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
gridpanel动态加载数据的实例代码
Jul 18 Javascript
js实现遮罩层弹出框的方法
Jan 15 Javascript
jquery预加载图片的方法
May 27 Javascript
js实现(全选)多选按钮的方法【附实例】
Mar 30 Javascript
利用AngularJs实现京东首页轮播图效果
Sep 08 Javascript
浅析Ajax语法
Dec 05 Javascript
Vuex简单入门
Apr 19 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 Javascript
浅谈JavaScript中this的指向更改
Jul 28 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实现让页面只能被百度gogole蜘蛛访问的方法
2009/12/29 PHP
浅谈php中include文件变量作用域
2015/06/18 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
深入解析Laravel5.5中的包自动发现Package Auto Discovery
2017/09/13 PHP
laravel数据库查询结果自动转数组修改实例
2021/02/27 PHP
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
基于jQuery的输入框无值自动显示指定数据的实现代码
2011/01/24 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
Javascript 遮罩层和加载效果代码
2013/08/01 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2013/12/11 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
js实现图片加载淡入淡出效果
2017/04/07 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
jQuery/JS监听input输入框值变化实例
2019/10/17 jQuery
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
浅谈python字符串方法的简单使用
2016/07/18 Python
python之消除前缀重命名的方法
2018/10/21 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
Python3 元组tuple入门基础
2020/02/09 Python
Python3.6安装卸载、执行命令、执行py文件的方法详解
2020/02/20 Python
大学生自我鉴定
2013/12/16 职场文书
师德师风建设方案
2014/05/08 职场文书
空气环保标语
2014/06/12 职场文书
应急处置方案
2014/06/16 职场文书
信访维稳工作汇报
2014/10/27 职场文书
小学运动会加油词
2015/07/18 职场文书
继续教育心得体会(共6篇)
2016/01/19 职场文书
PHP设计模式(观察者模式)
2021/07/07 PHP
JS中如何优雅的使用async await详解
2021/10/05 Javascript