JS隐式数据类型转换

隐式数据类型转换介绍

前面有总结过 JS数据类型转换 Number(), toString(), parseInt()等都是属于强制转换。有时我们遇到当运算符在运算时,如果两边数据类型不统一,CPU无法计算,这是编译器会自动将运算符两边的数据做一个数据类型转换,转换成一样的数据类型在进行运算,这种无需程序员手动转换,而由编译器自动转换的方式就称为隐式转换。

隐式转换规则

1.转为number类型:+ - * / ++ --(算数运算符) > < >= <= == != === !==(比较运算符);
2.转为string类型:+ 不仅是算术运算符,还可以做为字符串连接符把数据转换成string类型;
3.转为boolean类型: !(逻辑非运算符)
另外需要补充的一点常用的几种运算符各运算符优先级:
算术运算符:+ - * / ++ --
比较运算符: > < >= <= == != === !==
逻辑运算符:&& || !
赋值运算符:= += -= *= /=
算术运算符 > 比较运算符 > 逻辑运算符 > 赋值运算符

字符串连接符与算术隐式转换规则混淆
    console.log(1 + true);      //2
    console.log(1 + "true");        //"1true"
    console.log(1 + undefined);     //NaN
    console.log(1 + null);      //1

+两边有一边是字符串,那这个+就是字符串连接符,它会把其他数据类型调用String()方法转成字符串然后拼接;
+做为算术运算符会把其他数据类型调用Number()转成数字然后做加法运算;
布尔值true会被转换数字 1
undefined会被转换为 NaN
null会转换为数字 0

比较运算符会把其他数据类型转换number数据类型后再比较
    console.log("2" > 10);      //false
    console.log("a" > 10);      //false
    console.log(10 > "a");      //false
    console.log(Number("a"));      //NaN
    console.log("2" > "10");        //true    '2'.charCodeAt() > '10'.charCodeAt() = 50 > 49 = true
    console.log(false == 0);        //true
    console.log(false == "");       //true
    console.log(Number(false));       //0
    console.log(NaN == NaN);        //false
    console.log(undefined == null);     //true
    console.log(Number(NaN));       //NaN
    console.log(Number(undefined));     //NaN
    console.log(Number(null))       //0

比较运算符的一边是字符串的时候,会调用 Number() 方法把字符串转换成数字在进行比较;
当关系运算符两边都是字符串的时候,此时同时转成number然后比较关系。重点:此时并不是按照Number()的形式转成数字,而是按照字符串对应的unicode编码来转成数字,使用 字符串.charCodeAt(字符下标,默认为0) 方法可以查看字符的unicode编码。
布尔值和数字比较时,会把布尔值通过 Number() 转成数字再进行比较,true转成 1false 转成 0
字符串和布尔值比较时,会把字符串和布尔值都通过 Number() 转成数字再进行比较
在javascript中有两种特殊情况无视规则:1. null == undefined; 2. NaN和谁都不相等,包括他自己

复杂数据类型的隐式转换

复杂数据类型转成number数据类型:
1.先使用 valueOf() 方法获取原始值,如果原始值不是number数据类型,则使用 toString() 方法转成string;
2.再通过 Number() 方法装成number数据类型
需要注意的:空数组的toString()方法会得到空字符串,而空对象的toString()方法会得到字符串[object Object]

    console.log([1,2] == '1,2');        //true  先将左边数组转成string,然后右边也是string则转成unicode编码运算
    console.log([] == 0);       //true  默认通过同String()转成空字符串,再通过Number("")转成0
    var a = {};
    console.log(a == 0);        //false
    console.log(a.valueOf().toString());        //"[object Object]"
逻辑非隐式转换和比较运算符隐式转换搞混淆

0-0NaNundefinednull""(空字符串)这几种情况转换布尔类型会得到 false,除了这几种情况外所有数据类型都会得到 true

    //大坑
    console.log ( [] == 0 );        //true
    console.log ( ! [] == 0 );      //true
    //神坑
    console.log ( [] == ! [] );     //true
    console.log ( [] == [] );       //false
    //史诗级坑
    console.log({} == !{});     //false
    console.log({} == {});      //false

[]0比较:
(1)[].valueOf().toString() 得到空字符串
(2)Number("") == 0 成立
![]0比较:
(1)逻辑非优先级高于关系运算符 ![] = false (空数组转布尔得到true,然后取反得到false)
(2)false == 0 成立
[]![]比较:
(1) [].valueOf().toString() 得到空字符串 ""
(2) ![] = false
(3) Number("") == Number(false) 成立 都是0
[][]比较:
引用类型数据存在堆内存中,栈内存中存储的是地址,所以他们的结果是false
{}!{}比较:
(1) {}.valueOf().toString() 得到字符串'[object Object]'
(2) !{} = false
(3) Number('[object Object]') == Number(false) 不成立,因为转换到最后 是NaN0比较,所以结果为 false
{}{}比较:
引用类型数据存在堆内存中,栈内存中存储的是地址,所以他们的结果是false

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,393评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,790评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,391评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,703评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,613评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,003评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,507评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,158评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,300评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,256评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,274评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,984评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,569评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,662评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,899评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,268评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,840评论 2 339

推荐阅读更多精彩内容