{}+[]==0，[]+{}=="[object Object]"，!+[]==true （复合语句，隐式类型转换）

最新推荐文章于 2024-09-30 10:11:12 发布
最新推荐文章于 2024-09-30 10:11:12 发布
阅读量1.3k 收藏
点赞数
分类专栏： javaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zy444263/article/details/84236538
版权
本文探讨JavaScript中的一些复杂类型转换问题，如`[]+{}=="[object Object]"`，`{}+[] == 0`以及`!+[]==true`。通过解析这些表达式的运算过程，揭示JS中复合语句的运算规则和隐式类型转换的原理。重点讨论了对象到字符串的转换以及在复合语句中的类型转换行为。
摘要由CSDN通过智能技术生成

这两天看到一些题目，很是不解，主要是js基础还没过关，挑了两个我认为比较难懂的类型转换的题目讲解一下。
对象类型转换这个就不详细说了，网上一大推，无非就是用到两个函数：

  1. Object.toString()
  2. Object.valueof()

这里说一下，Number，String，Boolean在调用方法的时候也会转换成包装对象。

1、[]+{}=="[object Object]"，这个简单
[]+{
   } //输出"[object Object]"
[].toString() //==> ""
最低0.47元/天 解锁文章
大勇哥~
关注
专栏目录
Object.is()和原来的“===“，“==“之间的区别？
weixin_47450807的博客
02-23 917
一、== 双等号判等，会在比较时进行类型转换。 1、如果操作数都是对象，则仅当两个操作数都引用同一个对象时才返回true。 const obj = {name:"张三", age:20} const obj2 = obj console.log({name:"张三", age:20} == obj) //false console.log(obj2 == obj) //true 2、如果一个操作数是null,另一个操作数为undefined，则也返回true。 console.log(null == u
从JavaScript中+!{}[true]输出1讲起 [] 、!{}与 {}的比较
yangyang的专栏
11-22 2455
主要讲述[] {} 以及 JavaScript中的类型转换 主要参考文章（非常推荐）：https://segmentfault.com/a/1190000008432611#articleHeader1 首先看一些示例： []==[] //false []==![] //true {}==!{} //false {}==![] //VM1896:1 Uncaught Sy...
面试题：（{}） == ‘[object Object]‘，这个返回结果和原因是什么？
qq_46179838的博客
11-23 1408
答案：true 原因 1、({})是 js 中的对象，因为放在开头可能会被识别为代码块，所以加了括号。 2、相等运算符==。对象会转化为原始数据类型，此处{}先调用valueOf() 再调用 toString() 方法。 3、Object.prototype.toString() 方法最终会返回诸如’[object Object]'形式的字符串。其中 Object 为{}的对象类型。 ...
为什么{}+[] != []+{}
weixin_34389926的博客
12-25 232
要弄明白这个问题首先我们要了解JS中的类型转换以及引用类型的转换，我们通常把值从一种类型转化为另一种类型称为类型转换，这是显示的情况；隐式的情况称为强制类型转换。 一、引用类型的转换 在JavaScript中强制类型转换总是返回标量基本类型的值，不会返回对象和函数。 对于对象（包括数组），为了将值转换为相应基本类型的值，抽象操作ToPrimitive会首先检查该值是否有valueOf()方法，...
【视频目标分割-2024CVPR】Putting the Object Back into Video Object Segmentation
最新发布
weixin_43571113的博客
09-30 1403
背景：我们提出了Cutie模型，它是一个结合了对象级记忆读取的视频对象分割网络，它将记忆中的对象表征重新返还给视频目标分割结果。难点、不足：最近的VOS工作都采用自下而上的像素级记忆读取，它们由于匹配了噪声，尤其是在有干扰物的情况下，导致其结果在具有挑战性的数据下表现不佳。解决方案：Cutie通过采取一个小型的对象查询集合实现了自上而下的对象级记忆读取。它通过query-based object transformer与自下而上的像素级特征进行交互迭代。
Javascript中{}+[]===0为true,而[]+{}===0为false，因为啥
carcarrot的博客
07-30 5641
Javascript中{}+[]=== 0为true,而[]+{}===0 为false，因为啥? 首先看浏览器调试Console中的答案： []+{} 结果是"[object Object]" {}+[] 结果是 0 ({}+[]) 结果是"[object Object]" +[] 结果是 0 ，此处+为正号 +{} 结果是NaN ，此...
JS中[] + {} == 0和{} + [] == 0的区别
weixin_44275941的博客
04-22 167
先说 [] + {}，根据之前的数据类型转换文字可知，[]会被转为""，{}会转为{}➡️ [object Object]，根据之前文章可知，只要其中一个为字符串，那么就会转为字符串拼接，进而得到的是 [object Object]。再说{} + []，在这里，{}可以大致理解为空代码block，而[]会被转为""➡️0，所以empty+0➡️0，如果避免这个情况，可以将使用（）将{}包裹起来，即({}) + []，那么得到的就会等同于[] + {}。
Object...的使用方法
李白的博客
07-10 1844
文章目录1 传入数组1.1代码1.2 输出结果2 传入不定参数2.1 代码2.2 输出结果 1 传入数组 1.1代码 public static void main(String[] args) { test(new Object[]{"111","222","333"}); } public static void test(Objec...
详解JavaScript中的Object.is()与===运算符总结
11-20
其次，`Object.is()` 可以区分 -0 和 +0，它们被视为不相等： ```javascript Object.is(-0, +0); // => false ``` 因此，`Object.is()` 使用的是相同值比较算法，对 NaN 和零的处理与 `===` 不同。 **何时选择 `...
object-is:符合ES6的Object.is填充程序-区分-0和+0，并且可以与NaN进行比较
05-01
本质上，Object.is返回与===相同的值-但对于NaN为true，对于-0和+0为false。 该软件包实现了接口。 它可以在ES3支持的环境中工作并符合。 例子 Object . is = require ( 'object-is' ) ; var assert = require ( '...
javascript中object与{}的区别
suweierxing的专栏
11-11 492
var obj = new Object(); var obj1 = {}; var ary = new Array(); var ary1 = []; 请问new Object()与{},new Array()与[]除了减少代码量，还有别的区别吗？ 解答： 数据本身没有区别。 区别就是定义的方式不同，一个是通过构造函数定义，一个是通过直接量定义。 个人习惯问题
Object类 *
weixin_45736498的博客
12-02 305
我们在学习使用class关键字定义类时，就应用了继承的原理，因为在Java中所有的类都直接或间接 继承了java.lang.Object类。 Object是所有类的父类，是Java层中的最高层的类，我们在创建一个类时除非指定要继承其他类， 否则他就是从java.lang.Object类继承而来的，是Java的根类。 用代码来说的话 比如你 class Ang{} 就等价于 class Ang ...
new Object[0]的作用
抽象的螺旋
04-26 2068
概述 在集合转换成数组时通常可以看到xxx.toArray(new Object[0])的代码，为什么这样写呢，什么意思呢？ 示例 public static void main(String[] args) { Set<Integer> sets = new HashSet<>(); sets.add(1); sets.add(2); sets.add(3); Integer[] integer
JavaScript 中的相等操作符 ( 详解 [] == []、[] == ![]、{} == !{} )
qq_50577394的博客
02-17 2135
JS中的相等操作符由 ( == )表示，如果两个操作数相等，则返回true。原理：相等操作符会先转换操作数（通常称为强制转型），然后比较它们的相等性。
JS中 [] == ![]结果为true，而 {} == !{}却为false， 追根刨底
magic_xiang的博客
11-03 3万+
console.log( [] == ![] ) // true console.log( {} == !{} ) // false 在比较字符串、数值和布尔值的相等性时，问题还比较简单。但在涉及到对象的比较时，问题就变得复杂了。最早的ECMAScript中的相等和不相等操作符会在执行比较之前，先将对象转换成相似的类型。后来，有人提出了这种转换到底是否合理的质疑。最后，ECMAScript...
［]==false为true，[]==![]为true,{}==!{}为false
xuan的博客
07-19 3780
理论 一、[]==false为true [ ]不是原始值类型故需转化 //先调用valueOf方法进行转换 [].valueOf() //[] //发现valueOf转化完后，依然不时原始值类型，那继续用toString方法转换 [].toString()//"" //使用Number转换 Number('')==Number(false) //0==0 true; 二、[]==...
判断Object[0]是否为ArrayHanler当中的EMPTY_ARRAY静态常量
Nondirectional's Blog
05-24 288
判断Object[0]是否为ArrayHanler当中的EMPTY_ARRAY静态常量 在使用DBUtils查询数据库时，如 QueryRunner qr = new QueryRunner(); String sql = "SELECT u_username,u_password,u_regist_date FROM t_user WHERE u_username=?"; ArrayHandle...
[Object Object] 解决方案 JSON.stringify()
热门推荐
niaonao
12-20 5万+
[Object Object] 说明     [object Object]是对象的字符串形式，由于隐式调用了 Object 对象的 toString() 方法，形式是："[object Object]"。[object Object] 表示的就只是一个对象，当前对象 toString() 没有正确解析，可以使用 JSON.stringify() 来避免这个...
js中关于!+[]+[]如何进行计算
mm_hello11的博客
10-12 5280
前几天朋友问了我一个问题，(!+[]+[]).length 得什么，我一时间还真没反应过来，后来百度查了资料才知道了是如何计算的，控制台输入得到如下： 首先js是弱类型语言，所以导致js的隐式类型转换频繁。 js里隐式转换的规则为： 如果其中有一个操作数为string，则将另一个操作数隐式的转换为string，然后进行字符串拼接得出结果。  如果操作数为对象({})或者是数组([])这...
Java equals与==的区别解析
`equals`方法是Object类的一个方法，它的默认行为也是比较两个对象的引用。但是，许多类（如String、Integer等）会覆盖这个方法，以便比较对象的内容。例如，在String类中，`equals`方法会逐字符比较两个字符串是否...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值