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 05 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
angularjs 源码解析之injector
Aug 22 Javascript
纯JS实现表单验证实例
Dec 24 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
JQuery实现定时刷新功能代码
May 09 jQuery
微信小程序下拉刷新PullDownRefresh的使用方法
Nov 29 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
Jun 05 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 Javascript
js实现弹窗效果
Aug 09 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
DC漫画《蝙蝠侠和猫女》图透 猫女怀孕老爷当爹
2020/04/09 欧美动漫
php采集时被封ip的解决方法
2010/08/29 PHP
PHP获取MSN好友列表类的实现代码
2013/06/23 PHP
Smarty使用自定义资源的方法
2015/08/08 PHP
浅谈php中fopen不能创建中文文件名文件的问题
2017/02/06 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
Js event事件在IE、FF兼容性问题
2011/01/01 Javascript
jquery实现页面图片等比例放大缩小功能
2014/02/12 Javascript
JavaScript中reduce()方法的使用详解
2015/06/09 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
Angular中$cacheFactory的作用和用法实例详解
2016/08/19 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
使用SVG基本操作API的实例讲解
2017/09/14 Javascript
vue 详情跳转至列表页实现列表页缓存
2019/03/27 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
python利用不到一百行代码实现一个小siri
2017/03/02 Python
python计算auc指标实例
2017/07/13 Python
详解Python nose单元测试框架的安装与使用
2017/12/20 Python
基于anaconda下强大的conda命令介绍
2018/06/11 Python
python找出完数的方法
2018/11/12 Python
Python实现图片添加文字
2019/11/26 Python
python日期与时间戳的各种转换示例
2020/02/12 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
介绍一下Linux中的链接
2016/05/28 面试题
心理学专业求职信
2014/06/16 职场文书
幼儿园迎国庆65周年活动策划方案
2014/09/16 职场文书
春秋淹城导游词
2015/02/11 职场文书
护士年终个人总结
2015/02/13 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书