¿Cómo !! ~ (no tilde / bang bang tilde) altera el resultado de una llamada al método Array 'contiene / incluido'?

Si lee los comentarios en la inArraypágina de jQuery aquí , hay una declaración interesante:

!!~jQuery.inArray(elm, arr) 

Ahora, creo que un signo de exclamación doble convertirá el resultado a tipo boolean, con el valor de true. Lo que no entiendo es cuál es el uso del ~operador tilde ( ) en todo esto.

var arr = ["one", "two", "three"];
if (jQuery.inArray("one", arr) > -1) { alert("Found"); }

Refactorizando la ifdeclaración:

if (!!~jQuery.inArray("one", arr)) { alert("Found"); }

Descompostura:

jQuery.inArray("one", arr)     // 0
~jQuery.inArray("one", arr)    // -1 (why?)
!~jQuery.inArray("one", arr)   // false
!!~jQuery.inArray("one", arr)  // true

También noté que si pongo la tilde al frente, el resultado es -2.

~!!~jQuery.inArray("one", arr) // -2

No entiendo el propósito de la tilde aquí. ¿Alguien puede explicarlo o señalarme un recurso?

El operador de tilde no es en realidad parte de jQuery en absoluto, es un operador NOT bit a bit en JavaScript.

Ver El gran misterio de la Tilde (~) .

Obtiene números extraños en sus experimentos porque está realizando una operación lógica bit a bit en un entero (que, por lo que sé, puede almacenarse como complemento a dos o algo así ...)

El complemento a dos explica cómo representar un número en binario. Creo que tenía razón.

Hay una razón específica por la que a veces verá ~aplicado delante $.inArray.

Básicamente,

~$.inArray("foo", bar)

es una forma más corta de hacer

$.inArray("foo", bar) !== -1

$.inArraydevuelve el índice del elemento en la matriz si se encuentra el primer argumento, y devuelve -1 si no se encuentra. Esto significa que si está buscando un booleano de "¿está este valor en la matriz?", No puede hacer una comparación booleana, ya que -1 es un valor verdadero y cuando $ .inArray devuelve 0 (un valor falso ), significa que realmente se encuentra en el primer elemento de la matriz.

La aplicación del ~operador bit a bit hace -1que se convierta 0y que 0 se convierta en `-1. Por lo tanto, no encontrar el valor en la matriz y aplicar el NOT bit a bit da como resultado un valor falso (0), y todos los demás valores devolverán números distintos de 0 y representarán un resultado veraz.

if (~$.inArray("foo", ["foo",2,3])) {
    // Will run
}

Y funcionará según lo previsto.

!!~exprevalúa falsecuando expres lo -1contrario true.
Es lo mismo que expr != -1, solo roto *

Funciona porque las operaciones bit a bit de JavaScript convierten los operandos en enteros con signo de 32 bits en formato de complemento a dos. Así !!~-1se evalúa de la siguiente manera:

   -1 = 1111 1111 1111 1111 1111 1111 1111 1111b // two's complement representation of -1
  ~-1 = 0000 0000 0000 0000 0000 0000 0000 0000b // ~ is bitwise not (invert all bits)
   !0 = true                                     // ! is logical not (true for falsy)
!true = false                                    // duh

Un valor distinto de -1tendrá al menos un bit puesto a cero; invertirlo creará un valor de verdad; la aplicación del !operador dos veces a un valor verdadero devuelve booleano verdadero.

Cuando se usa con .indexOf()y solo queremos verificar si el resultado es -1o no:

!!~"abc".indexOf("d") // indexOf() returns -1, the expression evaluates to false
!!~"abc".indexOf("a") // indexOf() returns  0, the expression evaluates to true
!!~"abc".indexOf("b") // indexOf() returns  1, the expression evaluates to true

* se !!~8589934591evalúa como falso, por lo que estoabominaciónno se puede utilizar de forma fiable para realizar la prueba -1.

~foo.indexOf(bar)es una abreviatura común de representar foo.contains(bar)porque la containsfunción no existe.

Normalmente, la conversión a booleana no es necesaria debido al concepto de JavaScript de valores "falsos". En este caso, se usa para forzar que la salida de la función sea trueo false.

jQuery.inArray()devuelve -1"no encontrado", cuyo complemento ( ~) es 0. Por lo tanto, ~jQuery.inArray()devuelve un valor falso ( 0) para "no encontrado" y un valor verdadero (un entero negativo) para "encontrado". !!luego formalizará el falso / verdadero en un booleano false/ real true. Entonces, !!~jQuery.inArray()dará truepor "encontrado" y falsepor "no encontrado".

El ~para los 4 bytes intes igual a esta fórmula-(N+1)

ENTONCES

~0   = -(0+1)   // -1
~35  = -(35+1)  // -36 
~-35 = -(-35+1) //34 

El ~operador es el operador de complemento bit a bit. El resultado entero de inArray()es -1, cuando no se encuentra el elemento, o algún entero no negativo. El complemento bit a bit de -1 (representado en binario como todos los bits 1) es cero. El complemento bit a bit de cualquier entero no negativo es siempre distinto de cero.

Así, !!~iserá truecuando el entero "i" sea un entero no negativo y falsecuando "i" sea exactamente -1.

Tenga en cuenta que ~siempre convierte su operando en entero; es decir, fuerza los valores de coma flotante no enteros a enteros, así como los valores no numéricos.

Tilde NO es bit a bit: invierte cada bit del valor. Como regla general, si usa ~un número, su signo se invertirá y luego se restará 1.

Por lo tanto, cuando lo hace ~0, obtiene -1 (0 invertido es -0, restar 1 es -1).

Es esencialmente una forma elaborada y súper micro optimizada de obtener un valor que siempre es booleano.

Tienes razón: este código volverá falsecuando la indexOfllamada devuelva -1; de lo contrario true.

Como dices, sería mucho más sensato usar algo como

return this.modifiedPaths.indexOf(path) !== -1;

El ~operador es el operador NOT bit a bit. Lo que esto significa es que toma un número en forma binaria y convierte todos los ceros en unos y los unos en ceros.

Por ejemplo, el número 0 en binario es 0000000, mientras que -1 es 11111111. Asimismo, 1 está 00000001en binario, mientras que -2 lo es 11111110.

Supongo que está ahí porque tiene unos pocos caracteres más corto (lo que los autores de la biblioteca siempre buscan). También utiliza operaciones que solo toman unos pocos ciclos de máquina cuando se compilan en el código nativo (a diferencia de la comparación con un número).

Estoy de acuerdo con otra respuesta de que es una exageración, pero quizás podría tener sentido en un circuito cerrado (sin embargo, requiere una estimación de ganancia de rendimiento; de lo contrario, puede resultar una optimización prematura).

Supongo que, dado que es una operación bit a bit, es la forma más rápida (computacionalmente barata) de verificar si la ruta aparece en las rutas modificadas.

Como (~(-1)) === 0, entonces:

!!(~(-1)) === Boolean(~(-1)) === Boolean(0) === false