数据类型转换
把其他数据类型转换为number
isNaN , Number , parseInt , parseFloat
在进行加减乘除数学运算的时候
// true -> 1// false -> 0// null -> 0// undefined -> NaN// "" -> 0// "12" -> 12// "12px" -> NaN/12// "lilei" -> NaN// {} -> NaN// function() -> NaN// /^$/ -> NaN// [] -> "" -> 0// [12] -> "12" -> 12// [12,23] -> "12,23" -> NaN/12// 引用数据类型转换为数字// 通过toString方法把数组转化为字符串,然后再调用Number把字符串转换为数字js中的数学运算
+ - * /加减乘除
除了加法有特殊性,其他的运算符都是数学运算,也就是遇到非数字类型,需要把其他转换为number在进行运算
*加法的特殊性: *
在遇到字符串的时候 ,+不是数学运算 , 而是字符串拼接 , 只要不遇到字符串就是数学运算
// 减 乘 除// 1 -'1' -> 0// 10 * null -> 0// 10 / undefined -> NaN// 10 * [10] -> 100// 加// 1 + "1" -> "11"// null + "1" -> "null1"// 字符串拼接: 是把其他的值转换为字符串然后再拼接(toString)// 其他数据类型的toString是直接的把值用单(双)引号包起来即可,只有对象的有特殊性,对象.toString() === "[object Object]"// 练习// 1+null+true+undefined+[]+'lilei'+null+undefined+[]+10/* 1 + null -> 1 * 1 + true -> 2 * 2 + undefined -> NaN * NaN + [] -> NaN + "" -> "NaN" * "NaN" + "lilei" -> "NaNlilei" * ... * "NaNlileinullundefined10" /
把其他类型转换为布尔类型
Boolean , ! , !!
在条件判断的时候,也是转换为布尔类型,然后验证条件的真假只有
0 , NaN , 空字符串 , null , undefined五个转换为false,其余的都是转换为true
// [] -> true// -1 -> trueif(box){ // -> 首先把box变量存储的值获取到,转换为布尔类型,如果为true条件成立,反之不成立}if(3 + "3px"){ // "33px"
// -> 条件成立}if(3 - "3px"){ // NaN
// -> 条件不成立}在使用 == 进行比较的时候
在使用
==进行比较的时候,如果左右两边的数据类型不相同,浏览器会默认转换为相同的类型,然后再比较(===不会这样操作)
// -> 对象和对象: 比较的是空间地址,不是相同的空间,结果肯定是false// [] == [] -> false// var a = {};// var b = a;// a == b -> true// -> 对象和数字: 把对象转换为数字// [] == 0 -> true // ({}) == NaN -> false NaN和自己不相等,和其他任何值都不相等// -> 对象和字符串: 把两边都转换为数字比较的// [] == "" -> true// -> 对象和布尔: 把两边都转换为数字// [] == true -> 0 == 1 -> false// [] == false -> 0 == 0 -> true// ![] == false -> true -> ![] 把数组变为布尔再取反 = false , false == false -> true// -> 字符串和数字: 字符串转换为数字// -> 字符串和布尔: 都转换为数字// -> 布尔和数字: 布尔转换为数字规律: 两个等于号比较,左右两边数据值的类型不一样,浏览器会把两边的类型都转换为数字然后再比较,但是null和undefined除外
null == undefined -> true
null === undefined -> falsenull以及undefined和其他任何值都不相等
null == 0 -> false
作者：uplyw
链接：https://www.jianshu.com/p/bca4c781ee94