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代码
Mar 27 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
jQuery功能函数详解
Feb 01 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
用 js 的 selection range 操作选择区域内容和图片
Apr 18 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
May 15 Javascript
微信小程序使用wxParse解析html的方法教程
Jul 06 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
Node.js 使用axios读写influxDB的方法示例
Oct 26 Javascript
VUE实现自身整体组件销毁的示例代码
Jan 13 Javascript
JavaScript中跨域问题的深入理解
Mar 04 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
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
js获取div高度的代码
2008/08/09 Javascript
jqPlot Option配置对象详解
2009/07/25 Javascript
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
2013/04/19 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
javascript制作loading动画效果 loading效果
2014/01/14 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
vue组件(全局,局部,动态加载组件)
2018/09/02 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
2019/01/31 Javascript
javascript创建元素和删除元素实例小结
2019/06/19 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
python实现批量监控网站
2016/09/09 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
Python2和Python3的共存和切换使用
2019/04/12 Python
Python实现的爬取百度贴吧图片功能完整示例
2019/05/10 Python
python 日志模块 日志等级设置失效的解决方案
2020/05/26 Python
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
时装界的“朋克之母”:Vivienne Westwood
2017/07/06 全球购物
英国花园药房: The Garden Pharmacy
2017/12/28 全球购物
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
韩语专业本科生求职信
2013/10/01 职场文书
护理学中专毕业生求职信
2013/11/11 职场文书
新年抽奖获奖感言
2014/03/02 职场文书
2014年廉洁自律承诺书
2014/05/26 职场文书
教师辞职书范文
2015/02/26 职场文书
求职自我推荐信
2015/03/24 职场文书
养成教育工作总结
2015/08/13 职场文书
2019邀请函格式及范文
2019/05/20 职场文书
Java 实现限流器处理Rest接口请求详解流程
2021/11/02 Java/Android
python脚本框架webpy模板控制结构
2021/11/20 Python