解决了群友的js的问题 (! + [] + [] + ![]).length = 9 的验证 - Kaiqisan

解决了群友的问题 (! + [] + [] + ![]).length

ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである， 今天在群里看到这样一个问题，(! + [] + [] + ![]).length = 9 但是我一直想不明白为什么会这样，于是，带着好奇心一边查百度一边自己测试，现在，终于是搞懂了，现在想分享给大伙看一看！

前排提示：JS这个语言是弱类型的一个语言，所以，在实际的一些运算里面，隐式的数据类型转化非常频繁

下面先直接展示运算过程，然后开始解析

! + [] + [] + ![]
==>
!"" + [] + ![]
==>
true + [] + ![]
==>
"true" + ![]
==>
"true" + false
==> "truefalse"
所以 "truefalse".length = 9 没有什么争议

首先在运算符里面，都是加号，也没有括号，所以运算顺序是从左到右来的

首先是 ! + [] 这里进行了第一步隐式转换，这个空数组碰到加号之后被强制转化为字符串类型，且是空字符串，所以这一步运算变成了 !"",然后这个空字符串强转为布尔类型的时候值为false，它的反值就是true,所以，第一步的运算结果为true

然后是第二步运算 true+[], 加号的前后的数据类型都不是数字，所以，全部被强转为字符串 ，这一步的运算结果为 "true"+"",结果是 "true",是个字符串。

然后是第三步运算 "true" + ![],这里面有两个步骤，第一步骤是 ![]的转化，首先是[]它在碰到取非符号的时候，需要强转为布尔类型，又由于它是数组，所以它的值一直为true,取反之后为 false,是布尔类型。然后开始第二步骤 ----- "true" + false,和上面一样的道理，加号左右不是数字，全部强转为字符串，此时运算变成了 "true" + "false",结果为 "truefalse"

最后这个字符串 "truefalse"长度为9，所以 "truefalse".length = 9这无可厚非。

总结

三个字，沙雕问题，只有在面试或者考试的时候会碰到，且属于难度较高的那种问题。一般做项目根本用不到。但是可以磨炼大伙的基本功，我就是被第一步运算 ! + []给干倒了，就说明我的基本功还是没有到位，以后还需加强训练锻炼自己的见识与能力。