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 相关文章推荐
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
Sep 12 Javascript
js 动态文字滚动的例子
Jan 17 Javascript
js使用html()或text()方法获取设置p标签的显示的值
Aug 01 Javascript
javascript实现的右下角弹窗实例
Apr 24 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
详解在Vue中通过自定义指令获取dom元素
Mar 04 Javascript
ES6解构赋值实例详解
Oct 31 Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
React实现阿里云OSS上传文件的示例
Aug 10 Javascript
vue路由分文件拆分管理详解
Aug 13 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 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+Ajax实现验证码的实时验证
2016/07/20 PHP
Javascript 生成指定范围数值随机数
2009/01/09 Javascript
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
一起来写段JS drag拖动代码
2010/12/09 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
浅谈JS中的三种字符串连接方式及其性能比较
2016/09/02 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
Vue表单类的父子组件数据传递示例
2018/05/03 Javascript
基于vue展开收起动画的示例代码
2018/07/05 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
Vue实现微信支付功能遇到的坑
2019/06/05 Javascript
Vue-cli3项目引入Typescript的实现方法
2019/10/18 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
如何在Python中编写并发程序
2016/02/27 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
浅谈django 重载str 方法
2020/05/19 Python
python3.4中清屏的处理方法
2020/07/06 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
HTML5安全介绍之内容安全策略(CSP)简介
2012/07/10 HTML / CSS
迪斯尼商品官方网站:ShopDisney
2016/08/01 全球购物
护理专业自荐信
2013/12/03 职场文书
女生节标语
2014/06/26 职场文书
党员干部批评与自我批评反四风思想汇报
2014/09/21 职场文书
乡镇党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
学雷锋日活动总结
2015/02/06 职场文书
锦旗赠语
2015/06/23 职场文书