本文主要是介绍猜猜 JavaScript 输出：(! + [] + [] + ![]).length，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
一起猜
最近看到一个很有意思的题，直接来看，下面这段代码的打印结果是什么？
console.log((! + [] + [] + ![]).length)
猜猜看，你的答案是什么，打在评论区。
我的答案是 undefined，正如我的英文名
为什么呢？因为我第一眼看到题目，只想到了 ![] 的结果是 false
而前面! + [] + []的逻辑没想明白，但是我估计得出的应该也是个布尔值
两个布尔值相加，最后还是个布尔值
布尔值取 length，应该是返回undefined
揭晓答案
但是在控制台运行后我人傻了，答案是 9 !!!
看到结果第一时间我还以为是全当字符串拼接起来了，但是一数，全拆开也是8个字符串啊。然后分析了下。
一步一步来看。
首先 + 加法操作符是从左到右计算的，所以不能自己想当然的给公式加上无形的“括号”。
所以应该一个值一个值来加。首先是! + []。
! 是逻辑非操作符。可以用于 js 中的任何值，逻辑非操作符首先会将操作数转化为布尔值，然后在对其取反。
然后我又蒙住了，我知道 !值 的写法可以转 boolean，难道! + 值的写法也能隐式转换成布尔？
但是想不通其中的逻辑。
突然我幡然醒悟，应该把! + []拆解成 !非+ []，把+[]当作值，那+ []是什么呢？
一元正号运算符位于其操作数前面，计算其操作数的数值，如果操作数不是一个数值，会尝试将其转换成一个数值。
任何值前面加上+加号操作符都会隐式转换成数值，如果解析失败，则转换结果为 NaN。
+'123' //123
+'abin' //NaN
+3 //3
+true //1
+false //0
+null //0
+[] //0
+undefined //NaN
+function(){} //NaN
+new Date() //1695781396548 对应的毫秒数
这下是不是就能看通了，+ []的值为 0，
原式就相当于!0 + [] + ![] => true + [] + false，
因为加法操作符如果两边都不是数字/字符串的时候会强制把操作值转换成字符串/数字，优先转换字符串，
所以true + [] + false => 'true' + [].toString() + false
现在题目就很简单了，
[].toString()的结果是空字符串，
所以'true' + [].toString() + false => 'true' + '' + false
最后得出结论
('true' + '' + false).length => 'truefalse'.length
答案是 9 ！！！
你猜对了吗😜😜😜
说在最后
这种题目看着很怪，其实你只要不盲目的随意拆解题干，按照正常计算思路往下捋，就能捋出答案（马后炮🤪）
这道题的核心关键点有以下几点：
- 加法运算符一定要从左到右看
- ！非运算符单独使用没有效果，所以会将
+[]看作整体 +操作数一元正号加上操作数会将操作数强制转换为数字
这篇关于猜猜 JavaScript 输出：(! + [] + [] + ![]).length的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
