Home > Web Front-end > JS Tutorial > body text

Detailed explanation of how to use the | single vertical bar operator in JavaScript (graphic tutorial)

亚连
Release: 2018-05-21 11:41:35
Original
1782 people have browsed it

In JavaScript, |single vertical bars are usually used to collect evidence on floating-point numbers. Here we also introduce the operation rules of single vertical bars. Let’s explain in detail how to use |single vertical bars in JavaScript

The role of js operator single vertical bar "|"

When operating js integers, it is equivalent to removing the decimal point, parseInt. When it is a positive number, it is equivalent to Math.floor(), when it is a negative number, it is equivalent to Math.ceil() Note:

1. Math.ceil() is used to round up.
2. Math.floor() is used to round down.
3. Math.round() Rounding is commonly used in our mathematics.

console.log(0.6|0)//0
console.log(1.1|0)//1
console.log(3.65555|0)//3
console.log(5.99999|0)//5
console.log(-7.777|0)//-7
Copy after login

Note: In addition to Math’s three methods for processing numbers, we also often use parseInt(), parseFloat(), toFixed(), toPrecision(), etc. Simple explanation: The

toFixed method is used as follows:

100.456001.toFixed(2); //100.47

100.456001.toFixed(3); //100.456

Number.prototype.toFixed.call(100.456001,2); //100.47
Copy after login

Disadvantage: It will become a string after use.

toPrecision usage is as follows:

99.456001.toPrecision(5); //99.456

100.456001.toPrecision(5); //100.46

Number.prototype.toPrecision.call(10.456001,5); //10.456
Copy after login

Operation rules for single vertical bars

After reading the above example, we generally know that single vertical bars can be rounded The operation is to keep only the positive part and remove the decimal part. But how is "|0" calculated? Why can "|0" achieve the purpose of rounding? If the horizontal and vertical bar is not 0, what would it be?

With these questions, let’s look at the following example:

console.log(3|4); //7
console.log(4|4);//4
console.log(8|3);//11
console.log(5.3|4.1);//5
console.log(9|3455);//3455
Copy after login

Okay, let me publish the answer here. In fact, the single vertical bar "|" is the result of the addition after converting to binary. For example, let’s take a simple example:

3|4

After converting to binary, 011|100 is added to get 111=7

4|4

After converting to binary, 100 | 100 is added to get 100 = 4

8|3

After being converted to binary, 1000 | 011 is added to get 1011=11

The above is me I compiled it for everyone, I hope it will be helpful to everyone in the future.

Related articles:

In-depth understanding of block-level scope, private variables and module mode in JavaScript (graphic tutorial)

Javascript array loop traversal (detailed explanation of forEach)

The difference between ordinary functions and constructors in Javascript (detailed explanation combined with the code)

The above is the detailed content of Detailed explanation of how to use the | single vertical bar operator in JavaScript (graphic tutorial). For more information, please follow other related articles on the PHP Chinese website!

Related labels:
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template