Co robi ~~ („double tilde”) w JavaScript?

Sprawdzałem dziś bibliotekę fizyki gier online i natknąłem się na operatora ~~. Wiem, że singiel ~ jest trochę NIE, czy to by uczyniło ~ NIE NIE, co dałoby tę samą wartość, prawda?

Usuwa wszystko po przecinku, ponieważ operatory bitowe domyślnie konwertują swoje operandy na 32-bitowe liczby całkowite ze znakiem. Działa to niezależnie od tego, czy operandy są liczbami zmiennoprzecinkowymi, czy ciągami, a wynikiem jest liczba.

Innymi słowy, daje:

function(x) {
  if(x < 0) return Math.ceil(x);
  else return Math.floor(x);
}

tylko jeśli x jest między - (2 ³¹ ) a 2 ³¹ - 1. W przeciwnym razie nastąpi przepełnienie i liczba „zawinie się”.

Może to być uznane za przydatne do konwersji argumentu ciągu funkcji na liczbę, ale zarówno z powodu możliwości przepełnienia, jak i tego, że jest niepoprawny do użycia z liczbami innymi niż całkowite, nie użyłbym go w ten sposób, z wyjątkiem „kodu golfa” ( tj. bezcelowe przycinanie bajtów kodu źródłowego programu kosztem czytelności i niezawodności). Chciałbym użyć +xlub Number(x)zamiast.

Jak to NIE jest NIE

Na przykład liczba -43.2 to:

-43.2 ₁₀ = 11111111111111111111111111010101 ₂

w postaci 32-bitowej liczby binarnej ze znakiem (uzupełnienie dwóch). (JavaScript ignoruje to, co jest po przecinku). Odwrócenie bitów daje:

NIE -43 ₁₀ = 00000000000000000000000000101010 ₂ = 42 ₁₀

Ponowne odwrócenie daje:

NOT 42 ₁₀ = 11111111111111111111111111010101 ₂ = -43 ₁₀

Różni się to Math.floor(-43.2)tym, że liczby ujemne są zaokrąglane w kierunku zera, a nie od niego. (Funkcja floor, która byłaby równa -44, zawsze zaokrągla w dół do następnej niższej liczby całkowitej, niezależnie od tego, czy liczba jest dodatnia czy ujemna.)

Pierwszy operator ~ wymusza operand na liczbę całkowitą (być może po wymuszeniu wartości na łańcuch lub wartość logiczną), a następnie odwraca najniższe 31 bitów. Oficjalnie wszystkie numery ECMAScript są zmiennoprzecinkowe, ale niektóre liczby są implementowane jako 31-bitowe liczby całkowite w silniku SpiderMonkey.

Możesz go użyć do przekształcenia tablicy 1-elementowej w liczbę całkowitą. Punkty zmiennoprzecinkowe są konwertowane zgodnie z regułą C, tj. obcięcie części ułamkowej.

Drugi operator ~ następnie odwraca bity z powrotem, więc wiesz, że będziesz miał liczbę całkowitą. To nie jest to samo, co wymuszanie wartości logicznej w instrukcji warunku, ponieważ pusty obiekt {} ma wartość true, podczas gdy ~~ {} ma wartość false.

js>~~"yes"
0
js>~~3
3
js>~~"yes"
0
js>~~false
0
js>~~""
0
js>~~true
1
js>~~"3"
3
js>~~{}
0
js>~~{a:2}
0
js>~~[2]
2
js>~~[2,3]
0
js>~~{toString: function() {return 4}}
4
js>~~NaN
0
js>~~[4.5]
4
js>~~5.6
5
js>~~-5.6
-5

W ECMAScript 6 odpowiednikiem ~~jest Math.trunc :

Zwraca integralną część liczby poprzez usunięcie wszelkich cyfr ułamkowych. Nie zaokrągla żadnych liczb.

Math.trunc(13.37)   // 13
Math.trunc(42.84)   // 42
Math.trunc(0.123)   //  0
Math.trunc(-0.123)  // -0
Math.trunc("-1.123")// -1
Math.trunc(NaN)     // NaN
Math.trunc("foo")   // NaN
Math.trunc()        // NaN

Polyfill:

function trunc(x) {
    return x < 0 ? Math.ceil(x) : Math.floor(x);
}

~Wydaje się zrobić -(N+1). Więc ~2 == -(2 + 1) == -3jeśli zrobisz to ponownie na -3, to odwróci to: ~-3 == -(-3 + 1) == 2Prawdopodobnie po prostu przekształca ciąg znaków na liczbę w okrągły sposób.

Zobacz ten wątek: http://www.sitepoint.com/forums/showthread.php?t=663275

Bardziej szczegółowe informacje są również dostępne tutaj: http://dreaminginjavascript.wordpress.com/2008/07/04/28/

Biorąc pod uwagę, ~Nznaczy -(N+1), ~~Nto potem -(-(N+1) + 1). Co oczywiście prowadzi do zgrabnej sztuczki .

Tylko trochę ostrzeżenia. Inne odpowiedzi tutaj wpędziły mnie w kłopoty.

Ma to na celu usunięcie czegokolwiek po przecinku liczby zmiennoprzecinkowej, ale ma kilka przypadków narożnych, które sprawiają, że jest to ryzyko błędu. Polecam unikanie ~~.

Po pierwsze ~~ nie działa na bardzo dużych liczbach.

~~1000000000000 == -727279968

Alternatywnie, użyj Math.trunc()(jak wspomniano Gajus, Math.trunc()zwraca całkowitą część liczby zmiennoprzecinkowej, ale jest dostępna tylko w JavaScript zgodnym z ECMAScript 6). Zawsze możesz stworzyć własne Math.trunc()dla środowisk innych niż ECMAScript-6, wykonując następujące czynności:

if(!Math.trunc){
    Math.trunc = function(value){
        return Math.sign(value) * Math.floor(Math.abs(value));
    }
}

Napisałem blog na ten temat w celach informacyjnych: http://bitlords.blogspot.com/2016/08/the-double-tilde-x-technique-in.html

Oto przykład, w jaki sposób można efektywnie korzystać z tego operatora, gdy jego użycie ma sens:

leftOffset = -(~~$('html').css('padding-left').replace('px', '') + ~~$('body').css('margin-left').replace('px', '')),

Źródło:

Zobacz rozdział Interakcja z punktami

Konwertowanie ciągów na liczby

console.log(~~-1);    // -1
console.log(~~0);     // 0
console.log(~~1);     // 1
console.log(~~"-1");  // -1
console.log(~~"0");   // 0
console.log(~~"1");   // 1
console.log(~~true);  // 1
console.log(~~false); // 0

~ -1 oznacza 0

if (~someStr.indexOf("a")) {
  // Found it
} else  {
  // Not Found
}

źródło

Tylda (~) ma algorihm - (N + 1)

Na przykład:

~0 = -(0+1) = -1
~5 = -(5+1) = -6
~-7 = -(-7+1) = 6

Podwójna tylda to - (- (N + 1) +1)

Na przykład:

~~5 = -(-(5+1)+1) = 5
~~-3 = -(-(-3+1)+1) = -3

Potrójna tylda to - (- (- (N + 1) +1) +1)

Na przykład:

~~~2 = -(-(-(2+1)+1)+1) = -3
~~~3 = -(-(-(3+1)+1)+1) = -4