第三篇 JS数据类型之转换篇

目录
文章目录隐藏
  1. 1. [] == ![]结果是什么?为什么?
  2. 2. JS 中类型转换有哪几种?
  3. 3. == 和 ===有什么区别?
  4. 4. 对象转原始类型是根据什么流程运行的?
  5. 5. 如何让 if(a == 1 && a == 2)条件成立?
  6. 更多相关文章推荐:

1. [] == ![]结果是什么?为什么?

解析:

== 中,左右两边都需要转换为数字然后进行比较。

[]转换为数字为 0。

![] 首先是转换为布尔值,由于[]作为一个引用类型转换为布尔值为 true,

因此![]为 false,进而在转换成数字,变为 0。

0 == 0 , 结果为 true

2. JS 中类型转换有哪几种?

JS 中,类型转换只有三种:

  1. 转换成数字
  2. 转换成布尔值
  3. 转换成字符串

转换具体规则如下:

注意”Boolean 转字符串”这行结果指的是 true 转字符串的例子

转换具体规则

3. == 和 ===有什么区别?

===叫做严格相等,是指:左右两边不仅值要相等,类型也要相等,例如’1’===1 的结果是 false,因为一边是 string,另一边是 number。

我之前也写过相关文章《js 中==和===两者的区别对比》《js ==号引起的隐性类型转化方法
==不像===那样严格,对于一般情况,只要值相等,就返回 true,但==还涉及一些类型转换,它的转换规则如下:

  • 两边的类型是否相同,相同的话就比较值的大小,例如 1==2,返回 false
  • 判断的是否是 null 和 undefined,是的话就返回 true
  • 判断的类型是否是 String 和 Number,是的话,把 String 类型转换成 Number,再进行比较
  • 判断其中一方是否是 Boolean,是的话就把 Boolean 转换成 Number,再进行比较
  • 如果其中一方为 Object,且另一方为 String、Number 或者 Symbol,会将 Object 转换成字符串,再进行比较
console.log({a: 1} == true);//false
console.log({a: 1} == "[object Object]");//true

4. 对象转原始类型是根据什么流程运行的?

对象转原始类型,会调用内置的[ToPrimitive]函数,对于该函数而言,其逻辑如下:

  1. 如果 Symbol.toPrimitive()方法,优先调用再返回
  2. 调用 valueOf(),如果转换为原始类型,则返回
  3. 调用 toString(),如果转换为原始类型,则返回
  4. 如果都没有返回原始类型,会报错
var obj = {
  value: 3,
  valueOf() {
    return 4;
  },
  toString() {
    return '5'
  },
  [Symbol.toPrimitive]() {
    return 6
  }
}
console.log(obj + 1); // 输出 7

5. 如何让 if(a == 1 && a == 2)条件成立?

其实就是上一个问题的应用。

var a = {
  value: 0,
  valueOf: function() {
    this.value++;
    return this.value;
  }
};
console.log(a == 1 && a == 2);//true

更多相关文章推荐:

(建议收藏)原生 JS 知识系统整理

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 第三篇 JS数据类型之转换篇

发表回复