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 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
Sep 10 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
深入剖析Node.js cluster模块
May 23 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
Jul 26 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
Vue项目打包编译优化方案
Sep 16 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递归调用数组值并用其执行指定函数的方法
2015/04/01 PHP
PHP加密解密实例分析
2015/12/25 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
Thinkphp5.0 框架的请求方式与响应方式分析
2019/10/14 PHP
PHP实现倒计时功能
2020/11/16 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
2013/11/22 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
jQuery EasyUI datagrid实现本地分页的方法
2015/02/13 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
JS解决iframe之间通信和自适应高度的问题
2016/08/24 Javascript
Nodejs进阶:基于express+multer的文件上传实例
2016/11/21 NodeJs
Bootstarp 基础教程之表单部分实例代码
2017/02/03 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
微信小程序使用swiper组件实现类3D轮播图
2018/08/29 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
Windows安装Python、pip、easy_install的方法
2017/03/05 Python
python3使用SMTP发送简单文本邮件
2018/06/19 Python
在Python中关于使用os模块遍历目录的实现方法
2019/01/03 Python
基于PyQt4和PySide实现输入对话框效果
2019/02/27 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
倩碧美国官网:Clinique美国
2016/07/20 全球购物
猫咪家具:CatsPlay
2018/11/03 全球购物
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
初中生物教学反思
2014/01/10 职场文书
2014年基层党组织公开承诺书
2014/03/29 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
结婚仪式主持词
2015/06/29 职场文书
爱心捐赠活动简讯
2015/07/20 职场文书
公司安全管理制度范本
2015/08/05 职场文书