一、两种数据类型:基本类型、引用类型
基本类型:
String、 Boolean、Number、Undefined、Null、Symbol、 BigInt
引用类型:
Array、Object、Function
二、基础类型的转换:
1、数字加字符串,变字符串
var num = 1 + '2'; //只要有string类型的,原始值转化字符串toString()操作,进行字符串拼接
2、数字 减 乘 除 大于 小于 字符串,字符串转数字
如果字符串是纯数字或空字符串或16进制则转成数字,否则NaN
var num = 12 - '3'; //9 数字
var num = 12 / '3'; //4 数字
var num = 12 * '3'; //36 数字
var num = 12 - '3a'; //NaN 字符串转NaN 数字-NaN 等于NaN
var bo = 12 > '3'; //true 字符串3转数字 再比较
var bo = 12 > '3a'; //false 字符串转NaN 比较不成立错误
三、引用类型的转换:
先把引用类型转基础类型再按照基础类型的方式比较。
如果是Date类型的PreferredType被设置为String ,其余PreferredType被设置为Number
1、PreferredType为Number 先valueOf()再toString()
1 输入的值是原始值, 则直接返回原始值
2 否则调用对象的valueOf()方法,如果valueOf()方法的返回值是原始值,则返回这个原始值。
3 否则调用对象的toString()方法, 如果toString()方法的返回值是原始值,则返回这个原始值。
4 否则 抛出TypeError异常
2、PreferredType为String 先toString()再valueOf()
1 输入的值是原始值,则直接返回原始值
2 否则调用对象的toString()方法,如果toString()方法返回值是原始值,则返回这个原始值。
3 否则调用valueOf()方法,如果valueOf()方法的返回值是原始值,则返回这个原始值。
4 否则 抛出TypeError异常
部分例子:
console.log([] + []); //'' (空字符串)
//1 []以Number为转换标准, valueOf() 得到的依然是[]
//2 [] toString 得到 ''
// '' + '' 得到
console.log([] + {}); // '[object Object]'
//1 []以Number转换标准, valueOf() > toString() 得到 ''
//2 {}以Number转换标准, valueOf()得到{} > toSting() 得到 '[object Object]'
//两边字符串凭借得到'[object Object]’
console.log({} + {}); //'[object Object][object Object]'
//1 {}以Number转换标准, valueOf()得到{} > toSting() 得到 '[object Object]’
//两边字符串凭借得到'[object Object][object Object]’
var a = 'hello ', b = {};
console.log( a + b ); // ‘hello [object Object]’
//1 a是原始类型 直接返回
//2 {}以Number转换标准, valueOf()得到{} > toSting() 得到 '[object Object]’
//3 'hello ' + '[object Object]'
四、有关==的隐式转换
规则 1:NaN和其他任何类型比较都是false(包括和他自己)
NaN == NaN // false
规则 2:Boolean和其他任何类型比较,Boolean首先转成Number
true == 1 // true
true == '2' // false, 先把 true 变成 1 再比较
true == ['1'] // true, 先把 true 变成 1, ['1']拆箱成 '1',
undefined == false // false ,首先 false 变成 0,然后参考规则4
null == false // false,同上
规则 3:String和Number比较,String转成Number类型
123 == '123' // true, '123' 会先变成 123
'' == 0 // true, '' 会首先变成 0
‘0’ == false // true 两者转数字
规则 4:null == undefined是true,除此之外,null、undefined和其他任何结果比较都为false
null == undefined // true
null == '' // false
null == 0 // false
null == false // false
undefined == '' // false
undefined == 0 // false
undefined == false // false
规则 5:原始类型和引用类型做比较时,引用类型会依照ToPrimitive规则转换为原始类型再比较
'[object Object]' == {}
// true, 对象和字符串比较,对象通过 toString 得到一个基本类型值
'1,2,3' == [1, 2, 3]
// true, 同上 [1, 2, 3]通过 toString 得到一个基本类型值
五、图示类型值转换
资料:
JavaScript隐式转换
JavaScript 隐式类型转换,一篇就够了
帮你彻底弄懂 JavaScript 类型转换
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net