js字符串转换成数字与数字转换成字符串的实现方法


Posted in Javascript onJanuary 08, 2014

js字符串转换成数字

将字符串转换成数字,得用到parseInt函数。
parseInt(string) : 函数从string的开始解析,返回一个整数。

举例:
parseInt('123') : 返回 123(int);
parseInt('1234xxx') : 返回 1234(int);

如果解析不到数字,则将返回一个NaN的值,可以用isNaN()函数来检测;

举例 :
var i = parseInt('abc');
if (isNaN(i))
{
alert('NaN value');
}

同样的parseFloat函数是将字符串转换成浮点数。

举例:parseFloat('31.24abc') : 返回 31.24;

js数字转换成字符串

将字符串转换成数字,得用到String类的toString方法

举例:
var i = 10;
var s = i.toString();
alert(typeof s); //将输出 String

js数字与字符串的区别

js的数字的加法与字符串的连接都是 + 符号, 所以究竟是加还是字符串的连接就取决与变量的类型。

举例:
var a = 'abc' + 'xyz'; //a的值为:abcxyz,字符串与字符串是连接
var a = 10 + 5; //a的值为:15,数字是加
var a = 'abc' + 10; //a的值为:abc10,字符串与数字,自动将10转换成字符串了
var a = 'abc' + 10 + 20 + 'cd'; //a的值为:abc1020cd
var a = 10 + 20 + 'abc' + 'cd'; //a的值为:30abccd,可以数字加的先数字加,然后再连接

补充:

js字符串转换数字。方法主要有三种

转换函数、强制类型转换、利用js变量弱类型转换。

1. 转换函数:

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。

一些示例如下:

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例如下:

parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10
如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如:
parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10

parseFloat()方法与parseInt()方法的处理方式相似。
使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,parseFloat()没有基模式。

下面是使用parseFloat()方法的示例:
parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN

2. 强制类型转换

还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。
ECMAScript中可用的3种强制类型转换如下:
Boolean(value)——把给定的值转换成Boolean型;
Number(value)——把给定的值转换成数字(可以是整数或浮点数);
String(value)——把给定的值转换成字符串。
用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。
当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。

可以用下面的代码段测试Boolean型的强制类型转换。

Boolean(""); //false ? empty string
Boolean("hi"); //true ? non-empty string
Boolean(100); //true ? non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true ? object

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。示例如下:

法 结


Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100  

最后一种强制类型转换方法String()是最简单的,示例如下:

var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //won't work, causes an error

3. 利用js变量弱类型转换

举个小例子,一看,就会明白了。
<script>
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>

上例利用了js的弱类型的特点,只进行了算术运算,实现了字符串到数字的类型转换,不过这个方法还是不推荐的

Javascript 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
js常用函数 不错
Sep 08 Javascript
fix-ie5.js扩展在IE5下不能使用的几个方法
Aug 20 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 Javascript
JavaScript 格式字符串的应用
Mar 29 Javascript
Jquery日历插件制作简单日历
Oct 28 Javascript
js实现图片轮播效果
Dec 19 Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 Javascript
layui导航栏实现代码
May 19 Javascript
微信小程序实现漂亮的弹窗效果
May 26 Javascript
vue动态改变背景图片demo分享
Sep 13 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 #Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 #Javascript
jquery实现非叠加式的搜索框提示效果
Jan 07 #Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 #Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 #Javascript
jquery删除提示框弹出是否删除对话框
Jan 07 #Javascript
javascript表单验证使用示例(javascript验证邮箱)
Jan 07 #Javascript
You might like
PHP新手上路(八)
2006/10/09 PHP
PHP 5.0对象模型深度探索之对象复制
2008/03/27 PHP
php实现的简单压缩英文字符串的代码
2008/04/24 PHP
PHP URL路由类实例
2013/11/12 PHP
PHP使用Nginx实现反向代理
2017/09/20 PHP
360搜索引擎自动收录php改写方案
2018/04/28 PHP
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
实例讲解JS中setTimeout()的用法
2016/01/28 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
2016/08/23 Javascript
JS双击变input框批量修改内容
2016/12/12 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
Vuex的实战使用详解
2019/10/31 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
JavaScript实现京东快递单号查询
2020/11/30 Javascript
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python基于回溯法子集树模板解决最佳作业调度问题示例
2017/09/08 Python
python中map()函数的使用方法示例
2017/09/29 Python
python书籍信息爬虫实例
2018/03/19 Python
Python实现图片拼接的代码
2018/07/02 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
python 模拟创建seafile 目录操作示例
2019/09/26 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
美国美发品牌:Bumble and Bumble
2016/10/08 全球购物
药品质量检测应届生求职信
2013/11/14 职场文书
幼教个人求职信范文
2013/12/02 职场文书
知识就是力量演讲稿
2014/09/13 职场文书
表扬稿格式范文
2015/01/16 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书
运动会100米加油稿
2015/07/21 职场文书
廉洁自律承诺书2016
2016/03/25 职场文书
MySQL 8.0 之不可见列的基本操作
2021/05/20 MySQL
golang 语言中错误处理机制
2021/08/30 Golang