js 中的 ~~ 随好用但好丑

你有在代码中用过 ~~ 吗？今天来普及一下它。举例：

例1：let a = 10

~a 最终结果为 -11；

~~a 最终结果为 10；

对数字使用 ~ 时，结果为 -(N+1)

例2：let name = 'suyan'

~name 最终结果为 -1；

~~name 最终结果为 0；

对字符串使用 ~ 时为 -1

例3：let b = '68'

~b 最终结果为 -69；

~~b 最终结果为 68；

例4：let c = '6.8'

~c 最终结果为 -7；

~~c 最终结果为 6；

使用 ~~类似于向下取整函数 Math.floor()

例5：let c = '6.1'

~c 最终结果为 -7；

~~c 最终结果为 6；

例6：let is = true

~is 最终结果为 -2；

~~is 最终结果为 1；

例7：let is = false

~is 最终结果为 -1；

~~is 最终结果为 0；

通过上面的例子可以看出，使用 ~~ 符号可以把任意变量转换成数字，无论是字符串、对象、布尔值、数字。~ 其实在 MDN 有介绍，主要用来对二进制按位进行取反操作。

const a = 5;     // 0000000000000101
const b = -3;    // 1111111111111101

console.log(~a); // 1111111111111010
// expected output: -6

console.log(~b); // 0000000000000010
// expected output: 2

虽然这家伙有时候确实挺好用，但是我是不喜欢在项目中使用，因为可读性真的不太好。如果你想理解 ~1 为啥结果是 -2 可以参考这篇文章：https://www.cnblogs.com/moqiutao/p/6275483.html

长按关注

素燕《前端小课》

帮助 10W 人入门并进阶前端

官网：https://lefex.gitee.io/