显式转换的数据类型
1、非数值 =====》 数值类型
有3个函数可以把非数值转换为数值:Number()、parseInt()、parseFloat()
Number()
第一个函数Number(mix),可以用于任何数据类型,该函数先将mix的数据类型转换为number类型,然后再将mix的值转换为数值。
若mix的值能直接转换成数字,则直接显示。若不能则显示0或NaN.
parseInt() 和 parseFloat()
而另两个函数则专门用于把字符串转换成数值。
parseInt(string)函数:将字符串转换为数值,不遵循四舍五入。这里的string必须是数字类型的开头字符串,一直遍历到非数值的那个字符才停止。若不是数字开头,则会显示NaN.
var num = ["123" , "124.4" , "234asd" , "asf456"] ;
for (i = 0; i < num.length; i++) {
console.log(parseInt(num[i]));
}
//执行结果为:123 , 124 , 234 , NaN .
parseFloat(string):将string转换为浮点数。从数字位开始看,直到非数字位结束,用法与parseInt(string)一致。
parseInt()函数还有另一种用法。parseInt(string,radix):以radix为基底,将string转换成十进制的整数。radix的取值为2-32。
2、其它类型的数据 ====》字符串类型
有两个函数可以把其他数据类型转换为字符串。toString() 和 string() 。
String(mix):将mix转换成字符串类型。该函数可以将任何数据类型的值转换为字符串。
toString()函数有两种用法。
用法一:demo.toString():将demo转换成字符串类型。demo不能等于null undefined
用法二:demo.toString(radix):将十进制的数demo转换为目标进制的数。如123.0.toString(8)为将十进制数字123转换为8进制的字符串。
注:不能写成123.toString(8) . 因为浏览器解析的时候会解析成小数。
//例题:把一个二进制的数10001000转换成十六进制的数。
//思路:先把二进制转换成十进制,再由十进制转换成十六进制。
var num1 = parseInt('10001000',2); //136
var num2 = num1.toString(16); //'88'
toString()
【String()】:可以将任何数据转换为字符串类型
3、其他值 ====》布尔值类型
Boolean(变量)
:将一个值转换成其对应的布尔值。
(1)原始类型值的转换方法
以下六个值的转化结果为false,其他的值全部为true。
0、 ""(空字符串)、 undefined、 null、 NaN、false
(2)对象的转换规则
所有对象的布尔值都是true,甚至连false对应的布尔对象也是true。
//new Boolean(false)为一个 false对象
Boolean(new Boolean(false))
// true
请注意,空对象{}和空数组[]也会被转成true。
Boolean([]); // true
Boolean({}); // true
隐式的数据类型转换
隐式类型的转换是系统进行运算时自动进行的,但是调用的方法都是显式类型转换的方法。
1、递增和递减操作符
a++ ,a-- ,++a , --a
这4个操作符对任何值都适用,也就是他们不仅适用于整数,还可以用于字符串、布尔值、浮点数值和对象,此时伴随着隐式的数据类型转换。
即先将变量通过Number()转换成number的数据类型,然后再进行递增、递减操作。
2、(+)(-),即正负号
不仅适用于整数,还可以用于字符串、布尔值、浮点数值和对象。将变量通过Number()转换成number的数据类型。
3、isNaN(变量)
执行过程为:即先将变量通过Number转换,再进行isNaN()
4、(+) 加号
var str = 1 + "1";
var num = 1 + 1;
var num1 = 1 + false;
document.write(str , "<br>" , num , "<br>" , num1);
//执行结果为:11 , 2 ,1
所以加法有两个作用。如果没有运算过程中没有字符串时,就将变量通过Number()转换为number类型后,再进行运算。如果有字符串的话,加号两边起的就是字符串连接作用。
5、- * / % 减号,乘号,除号,取余
运算时把数据转换成number类型后,再进行运算。
6、&& || ! 与或非运算
将运算符两边的值转换成通过Boolean()函数转换成布尔类型,然后再进行运算。不同的是, && || 返回的是比较后自身的原值 , 而 !运算返回的是布尔值.
&&: 从左往右判断,如果全都为真,则返回最后一个为真的值,只要有一个判断为假,就返回为假的那个值
|| :从左往右判断,返回第一个为真的值,若完成了全部的判断且所有的值都为假,就返回最后为假的那个值
console.log(5 && 3); // 3
console.log(0 || 2); // 2
console.log(!3); // false
7、 <、 > 、<= 、>=、 == 、!= 比较运算符
- 当数字和字符串比较大小时,会隐示将字符串转换成number类型进行比较。
- 当字符串和字符串比较大小时,则比较的是ascii码的大小。
最后返回的都是布尔值
//1)纯数字之间比较
alert(1<3);//true
//2)数字字符串比较,会将其先转成数字
alert("1"<"3");//true
alert("123"<"123");//false
//3)纯字符串比较,先转成ascii码
alert("a"<"b");//true
alert("abc"<"aad");//false,多纯字母比较,会依次比较ascii码
//4)汉字比较
alert("我".charCodeAt());//25105
alert("的".charCodeAt());//30340
alert("我"<"的");//true,汉字比较,转成ascii码
//5)当数字和字符串比较,且字符串为数字。则将数字字符串转为数字
alert(123<"124");//true,下面一句代码得出124的ascii码为49,所以并不是转成 ascii比较
alert("124".charCodeAt());//49
//6)当数字和字符串比较,且字符串为非纯数字时,则将非数字字符串转成数字的时候会转换为NaN,当NaN和数字比较时不论大小都返回false.
alert(13>"abc");//false
下面看一种特殊情况。
//undefined不发生类型转换
console.log(undefined == undefined); //true
console.log(undefined == 0); //false
console.log(undefined > 0); //false
console.log(undefined < 0); //false
//null不发生类型转换
console.log(null == null); //true
console.log(null == 0); //false
console.log(null > 0); //false
console.log(null < 0); //false
console.log(undefined == null); //true
console.log(NaN == NaN); //false. not a number 不等于任何东西,包括它自己
在项目工程中,如果用 == 来判断两个数值是否相等,由于会发生隐式类型转换。所以是非常存在非常大的漏洞的。为了解决这一问题。引入了 === (绝对等于)和 !==(绝对不等于)。
关于 == 的隐式类型转换
- 如果存在NaN,一律返回false
- 再看有没有布尔,有布尔就将布尔转换为数字
- 接着看有没有字符串, 有三种情况,
字符串的对方是对象,对象使用toString进行转换;
字符串的对方是数字,字符串转数字;
字符串的对方是字符串,直接比较;其他返回false
- 如果是数字,数字的对方是对象,对象取valueOf进行比较, 其他一律返回false
- null, undefined不会进行类型转换, 但它们俩相等
0 == undefined
1 == true
2 == {valueOf: function(){return 2}}
NaN == NaN
8 == undefined
1 == undefined
null == {toString: function(){return 2}}
0 == null
null == 1
{ toString:function(){ return 1 } , valueOf:function(){ return [] }} == 1