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拖拽的效果类和dom-drag.js浅析
Jul 17 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
js中confirm实现执行操作前弹出确认框的方法
Nov 01 Javascript
表单验证插件Validation应用的实例讲解
Oct 10 Javascript
jQuery on()绑定动态元素出现的问题小结
Feb 19 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
jQuery代码优化方法总结
Jan 29 jQuery
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
vue封装一个简单的div框选时间的组件的方法
Jan 06 Javascript
Vue 组件注册全解析
Dec 17 Vue.js
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中的(伪)多线程与多进程
2013/07/01 PHP
微信 getAccessToken方法详解及实例
2016/11/23 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
jQuery随便控制任意div隐藏的方法
2013/06/28 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
jQuery插件expander实现图片翻转特效
2015/05/21 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
2016/05/05 Javascript
jquery 动态增加删除行的简单实例(推荐)
2016/10/12 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
JavaScript数据结构之二叉树的计数算法示例
2017/04/13 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
2018/12/21 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
Vue 的双向绑定原理与用法揭秘
2020/05/06 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
python选择排序算法实例总结
2015/07/01 Python
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
详解Python中的Descriptor描述符类
2016/06/14 Python
Python判断远程服务器上Excel文件是否被人打开的方法
2020/07/13 Python
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
法国发饰品牌:Alexandre De Paris
2018/12/04 全球购物
车间班组长岗位职责
2013/11/13 职场文书
母亲七十大寿答谢词
2014/01/18 职场文书
大学军训感想
2014/02/12 职场文书
高中微机老师自我鉴定
2014/02/16 职场文书
餐饮商业计划书范文
2014/04/29 职场文书