Home > Web Front-end > JS Tutorial > ## What Does the Double Tilde Operator (~~) Actually Do in JavaScript?

## What Does the Double Tilde Operator (~~) Actually Do in JavaScript?

Linda Hamilton
Release: 2024-11-01 03:29:28
Original
469 people have browsed it

## What Does the Double Tilde Operator (~~) Actually Do in JavaScript?

Unveiling the True Nature of Double Tilters (~~) in JavaScript

In the realm of JavaScript, the operator stands out with its enigmatic functionality. It's commonly known that the single tilde (~) signifies bitwise NOT, leaving us pondering: what does its doublett () achieve?

Contrary to the intuition that it doubles the bitwise negation, the ~~ operator has a surprising effect. It has the ability to truncate the decimal part of a number, effectively rounding it towards the closest whole number.

Behind the scenes, the ~~ operator operates by treating its operand as a signed 32-bit integer, performing bitwise operations regardless of the operand's actual type (number, string, etc.). As a result, the fractional part is discarded, and the result is always a number.

Precisely, the ~~ operator essentially simulates the following function:

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

However, this operation holds true only if the value of x falls within the range of -(2^31) to 2^31 - 1, inclusive. Outside this range, overflow may occur, leading to unpredictable results.

While ~~ can come in handy for swiftly converting string arguments to numbers, its limitations (possibility of overflow and incorrect behavior for non-integer values) make it less desirable for numerical manipulation. Instead, it's generally preferable to use x or Number(x) for these purposes.

Deciphering Double Negation

Understanding the ~~ operator as the negation of a negation requires a deeper dive into binary representation. Take the number -43.2 as an example, represented in signed (two's complement) 32-bit binary form:

-43.2<sub>10</sub> = 11111111111111111111111111010101<sub>2</sub>
Copy after login

Inverting all the bits (bitwise NOT) produces:

NOT -43<sub>10</sub> = 00000000000000000000000000101010<sub>2</sub> = 42<sub>10</sub>
Copy after login

Applying the negation once more results in:

NOT 42<sub>10</sub> = 11111111111111111111111111010101<sub>2</sub> = -43<sub>10</sub>
Copy after login

This final result (-43) differs from the result of Math.floor(-43.2), which would be -44. This is because ~~ rounds numbers away from zero, unlike Math.floor, which rounds down.

The above is the detailed content of ## What Does the Double Tilde Operator (~~) Actually Do in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template