数据类型转换

把其他数据类型转换为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"http:// null + "1"      -> "null1"http:// 字符串拼接: 是把其他的值转换为字符串然后再拼接(toString)// 其他数据类型的toString是直接的把值用单(双)引号包起来即可,只有对象的有特殊性,对象.toString() === "[object Object]"http:// 练习// 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 -> false

null以及undefined和其他任何值都不相等

• null == 0 -> false

作者：uplyw
链接：https://www.jianshu.com/p/bca4c781ee94