JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object。
object是引用类型,其它的五种是基本类型或者是原始类型。我们可以用typeof方法打印来某个是属于哪个类型的。不同类型的变量比较要先转类型,叫做类型转换,类型转换也叫隐式转换。隐式转换通常发生在运算符加减乘除,等于,还有小于,大于等。。
typeof '11' //string typeof(11) //number '11' < 4 //false
一、基本类型的转换
下面先讲加减乘除:
1. 字符串加数字,数字就会转成字符串。
2. 数字减字符串,字符串转成数字。如果字符串不是纯数字就会转成NaN。字符串减数字也一样。两个字符串相减也先转成数字。
3. 乘,除,大于,小于跟减的转换也是一样。
//隐式转换 + - * == / // + 10 + '20' //'2010' // - 10 - '20' //-10 10 - 'one' //NaN 10 - '100a' //NaN // * 10*'20' //200 '10'*'20' //200 // / 20/'10' //2 '20'https://www.jb51.net/'10' //2 '20'https://www.jb51.net/'one' //NaN
4.加法操作顺序是敏感的
类似这样的混合表达式有时令人困惑,因为 JavaScript 对操作顺序是敏感的。例如,表达式:1+2+"3"; //"33"
由于加法运算是自左结合的(即左结合律),因此,它等同于下面的表达式:(1+2)+"3"; //"33"
与此相反,表达式:1+"2"+3; //"123"的计算结果为字符串“123”。左结合律相当于是将表达式左侧的加法运算包裹在括号中。
5.再来看看一组 ==
1).undefined等于null
2).字符串和数字比较时,字符串转数字
3).数字为布尔比较时,布尔转数字
4).字符串和布尔比较时,两者转数字
// == undefined == null; //true '0' == 0; //true,字符串转数字 0 == false; //true,布尔转数字 '0' == false; //true,两者转数字 null == false; //false undefined == false; //false
7个false值:false,0,-0,“”,NaN,null以及undefined,所有其他值都是truth
6、NaN,不是一个数字
NaN 是一个特殊值,说明某些算术运算(如求负数的平方根)的结果不是数字。方法 parseInt() 和 parseFloat() 在不能解析指定的字符串时就返回这个值。对于一些常规情况下返回有效数字的函数,也可以采用这种方法,用 Number.NaN 说明它的错误情况。
Math.sqrt(-2) Math.log(-1) 0/0 parseFloat('foo')
对于很多JavaScript的初学者来说,它的第一个陷阱是调用typeof时返回结果的通常是你想不到的:
console.log(typeof NaN); // 'Number'
这情情况下,NaN并不意味着是一个数字,它的类型是数字。明白吗?
因为typeof 返回的是字符串,有六种:“number”、”string”、”boolean”、”object”、”function”、”undefined
保持冷静,因为下面还有很多混乱的地方。让我们比较两个NaN:
var x = Math.sqrt(-2); var y = Math.log(-1); console.log(x == y); // false
也许这是因为我们没有使用严格等价(===)操作?显然不是。
var x = Math.sqrt(-2); var y = Math.log(-1); console.log(x === y); // false
直接比较两个NaN呢?
console.log(NaN === NaN); // false
因为有很多方法来表示一个非数字,所以一个非数字不会等于另一个为NaN的非数字,它还是有一定道理的。
但是当然,解决方案现在已经有了。让我们认识一下全局函数isNaN:
console.log(isNaN(NaN)); // true
唉,不过 isNaN() 也有它自己的很多缺陷呀:
console.log(isNaN('hello')); // true console.log(isNaN(['x'])); // true console.log(isNaN({})); // true
这样又产生了很多不同的解决方案。其中一个是利用 了NaN的非反射性质(例如, 看看 Kit Cambridge 的笔记)
var My = { isNaN: function (x) { return x !== x; } }
不过幸运的是,在即将到来的ECMAScript 6中, 有一个Number.isNaN() 方法提供可靠的NaN值检测。
换句话说,只有在参数是真正的NaN时,才会返回true
console.log(Number.isNaN(NaN)); // true console.log(Number.isNaN(Math.sqrt(-2))); // true console.log(Number.isNaN('hello')); // false console.log(Number.isNaN(['x'])); // false console.log(Number.isNaN({})); // false
二、引用类型的转换
基本类型间的比较相对简单。引用类型和基本类型的比较就相对复杂一些,先要把引用类型转成基本类型,再按上述的方法比较。
1.引用类型转布尔全是true。