javascript不同类型数据之间的运算的转换方法
更新时间：2014年02月13日 15:18:11 作者：
这篇文章主要介绍了javascript不同类型数据之间的运算的转换方法,需要的朋友可以参考下
js中不同类型的基础数据之间可以转换，这种转换是有规则可寻的，并非随意的随机的。在js中有5种基础类型数据：string、number、boolean、null、undefined，其中，常用于计算或者比较的类型是前面三种。
null + undefined // 0+NaN
null + false // 0+0
1 + true // 1+1
1 + '1' //'11';数字与字符串相加结果是字符串
1 + 2 + '3' //'33';(1+2)的结果然后与'3'相加;这里要把每一步加法单独拆开来看,否则变成和下面一样的结果了.
1 + (2 +'3') //'123';先运算2+'3',然后1+'23'
's' + null //'snull'
's' + undefined // 'sundefined'
's' + true //'strue'
1 + true + undefined + 's' // 1+1+NaN+'s'=2+NaN+'s'=NaN+'s'=NaNs
//为了便于观察重写Date的toString方法和valueOf方法
Date.prototype.toString = function(){
return 1;
}
Date.prototype.valueOf = function(){
return 2;
}
var a = new Date,
b = new Date;
a + b; // 调用toString，1 + 1，结果是2
// 再重写toString方法
Date.prototype.toString = function(){
return {};
}
var c = new Date,
d = new Date;
c + d; // 调用toString方法返回的不是基础类型，再调用valueOf，2 + 2，结果是4
// 再重写valueOf方法
Date.prototype.valueOf = function(){
return {};
}
var e = new Date,
f = new Date;
e + f; // 报错
+'1'+1 // 2
+'s'+2 // NaN
注：第一次，格式不好，纰漏多，欢迎大家拍砖
基础数据之间的转换
| 原始数据类型 | 目标类型Number |
| undefined | NaN |
| null | 0 |
| false | 0 |
| true | 1 |
| 数字串 | 相应的数字 |
| 不能转化的字符串 | NaN |
| 原始数据类型 | 目标类型String |
| undefined | undefined |
| null | null |
| false | false |
| true | true |
| 数字 | 数字字符串 |
不同类型的基础数据之间的加法，数据先转换为number，然后转换为string(如果有string类型数据参与运算)
复制代码 代码如下:
null + undefined // 0+NaN
null + false // 0+0
1 + true // 1+1
1 + '1' //'11';数字与字符串相加结果是字符串
1 + 2 + '3' //'33';(1+2)的结果然后与'3'相加;这里要把每一步加法单独拆开来看,否则变成和下面一样的结果了.
1 + (2 +'3') //'123';先运算2+'3',然后1+'23'
's' + null //'snull'
's' + undefined // 'sundefined'
's' + true //'strue'
1 + true + undefined + 's' // 1+1+NaN+'s'=2+NaN+'s'=NaN+'s'=NaNs
对象参与加减法运算
对象参与基础类型数据运算，先转化为基础类型。先调用其valueOf方法，如果返回的不是基础类型，再调用其toString方法,如果返回的还不是基础类型，则抛出错误。但是，Date数据刚好相反
复制代码 代码如下:
//为了便于观察重写Date的toString方法和valueOf方法
Date.prototype.toString = function(){
return 1;
}
Date.prototype.valueOf = function(){
return 2;
}
var a = new Date,
b = new Date;
a + b; // 调用toString，1 + 1，结果是2
// 再重写toString方法
Date.prototype.toString = function(){
return {};
}
var c = new Date,
d = new Date;
c + d; // 调用toString方法返回的不是基础类型，再调用valueOf，2 + 2，结果是4
// 再重写valueOf方法
Date.prototype.valueOf = function(){
return {};
}
var e = new Date,
f = new Date;
e + f; // 报错
把上面的例子换成Object或者其他类型能得到相应的结果，不过是先调用valueOf,再调用toString。
'+'号的神奇功效
数据前有加号‘+'，可以让字符串转化为数字
复制代码 代码如下:
+'1'+1 // 2
+'s'+2 // NaN
注：第一次，格式不好，纰漏多，欢迎大家拍砖
相关文章
自己根据网上提供的一个透明功能类库写的纯JS半透明Tip效果2008-10-10
JavaScript中使用arguments获得函数传参个数实例
这篇文章主要介绍了JavaScript中使用arguments获得函数传参个数实例,本文用了多个例子来讲解arguments的使用,需要的朋友可以参考下2014-08-08
js判断undefined变量类型使用typeof可以轻松实现，不了解的朋友可以参考下哈，希望对你有所帮助2013-06-06
这篇文章主要介绍了JS项目中对本地存储进行二次的封装,这里我们将要使用到的key存储下来，新建一个叫constant-storage.js的文件，对外暴露一些key的键名，也方便后期统一修改，这里因为都是恒量，所以名称我们都用大写表示，需要的朋友可以参考下2022-07-07
这篇文章主要给大家介绍了关于微信小程序如何监听全局变量的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
在JavaScript中添加css样式(js追加类)代码示例
这篇文章主要给大家介绍了关于在JavaScript中如何添加css样式,也就是js追加类的相关资料,JavaScript是一种广泛应用于互联网开发的编程语言,它能够帮助网页实现动态效果和交互性,需要的朋友可以参考下2024-01-01
Promise对象可以理解为一次执行的异步操作，使用promise对象之后可以使用一种链式调用的方式来组织代码；让代码更加的直观，下面这篇文章主要跟大家分享了让大家彻底掌握es6 Promise的八段代码，需要的朋友可以参考下。2017-07-07
下面小编就为大家带来一篇JS之相等操作符详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要是对js控制的导航菜单实例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章给大家分享了两种Javascript从数组中随机取出不同元素的方法，大家可以都学习学习，这样更能有助于大家的学习和理解，下面来一起看看吧2016-09-09
最新评论