São três operadores trabalhando em conjunto, sendo dois deles o operador lógico de negação (logic NOT — !
) e o terceiro, o operador bitwise de negação (bitwise NOT — ~
).
Nesse caso, o primeiro operador a ser avaliado será o bitwise NOT. Utilizá-lo em conjunto com o indexOf
era uma prática relativamente comum em JavaScript. Vamos entender o porquê.
De modo geral, o bitwise NOT (~
), quando aplicado em números, funciona da seguinte maneira:
~N -> -(N + 1)
Assim, ao o aplicarmos em -1
, temos:
~(-1) -> -(-1 + 1) -> -(0) -> 0
Alguns exemplos:
[-3, -2, -1, 0, 1, 2, 3].forEach((num) => {
console.log('~' + num, '=', ~num);
});
Geralmente, queremos obter uma resposta booleana (verdadeiro ou falso) para saber se algum elemento está contido em uma lista (ou string) ou não. No entanto, historicamente, o JavaScript só contava com o método indexOf
para fazer essa busca que, por alguma razão (provavelmente para servir como código de erro), retorna -1
se o elemento não existe na lista.
Assim, uma forma concisa de transformar o retorno em um valor truthy ou falsy é utilizar o operador ~
. Para -1
, teremos 0
(que é falsy) e, para qualquer outro número, teremos valores truthy.
Em seguida, utilizamos os dois operadores !!
para converter o resultado do ~
em, de fato, um booleano. Esta resposta dá mais detalhes sobre isso. Também poderia utilizar o construtor Boolean
, que é uma forma mais explícita (porém menos concisa) para se fazer o mesmo. Vejamos:
// Note que, para `0`, teremos `false`. Para qualquer
// valor numárico diferente de zero, teremos `true`.
[-2, -1, 0, 1, 2].forEach((num) => {
console.log('!!' + num, '=', !!num);
console.log(`Boolean(${num}) =`, Boolean(num));
});
Em suma, combinando a dupla negação (!!
) com o bitwise NOT, garantimos que, para o resultado -1
de indexOf
, teremos false
. Para qualquer outro resultado de indexOf
, a expressão de operadores avaliará para true
.
Atualmente, já existem métodos que retornam um valor booleano para verificar se uma lista contém algum elemento. Alguns exemplos são:
Portanto, se você está em algum ambiente que suporte esses novos métodos, o uso do !!~
pode ser visto como desnecessário. É, decerto, também, menos compreensível para aqueles que estão começando a aprender JavaScript.
!!
seja para converter para Booleano e~
tenha a ver com binários ou bitwise, mas não manjo muito.