> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 | 단일 수직 막대 연산자를 사용하는 방법에 대한 자세한 설명(그래픽 튜토리얼)

JavaScript에서 | 단일 수직 막대 연산자를 사용하는 방법에 대한 자세한 설명(그래픽 튜토리얼)

亚连
풀어 주다: 2018-05-21 11:41:35
원래의
1806명이 탐색했습니다.

JavaScript에서 단일 수직 막대는 일반적으로 부동 소수점 숫자에 대한 증거를 수집하는 데 사용됩니다. 여기서는 단일 수직 막대의 작동 규칙도 소개합니다. JavaScript에서 | 단일 수직 막대를 사용하는 방법은 다음과 같습니다.

js 작업 js 정수 작업에서 단일 수직 막대 "|"의 역할은 소수점(parseInt)을 제거하는 것과 동일합니다. 양수이면 Math.floor()와 동일하고, 음수이면 Math.ceil()과 동일합니다. 참고:

1 Math.ceil()은 반올림에 사용됩니다. 2. Math.floor()는 반올림하는 데 사용됩니다.

3. Math.round() 반올림은 수학에서 흔히 사용됩니다.

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
로그인 후 복사

참고: 숫자를 처리하기 위한 Math의 세 가지 방법 외에도 우리는 종종 parseInt(), parseFloat(), toFixed(), toPrecision() 등을 사용합니다. 간단한 설명:


toFixed 메소드의 사용법은 다음과 같습니다.

100.456001.toFixed(2); //100.47

100.456001.toFixed(3); //100.456

Number.prototype.toFixed.call(100.456001,2); //100.47
로그인 후 복사

단점: 사용 후 문자열이 됩니다.

toPrecision은 다음과 같이 사용됩니다.

99.456001.toPrecision(5); //99.456

100.456001.toPrecision(5); //100.46

Number.prototype.toPrecision.call(10.456001,5); //10.456
로그인 후 복사

단일 수직 막대의 작동 규칙

위의 예를 읽은 후 우리는 일반적으로 단일 수직 막대를 반올림 작업에 사용할 수 있다는 것을 알 수 있습니다. 즉, 양수 부분만 유지됩니다. , 소수 부분은 제거되지만 "|0"은 어떻게 연산을 수행합니까? "|0"이 반올림 목적을 달성할 수 있는 이유는 무엇입니까? 가로 및 세로 막대가 0이 아닌 경우 무엇입니까?

이러한 질문에 대해 다음 예를 살펴보겠습니다.

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
로그인 후 복사

알겠습니다. 여기서 답변을 발표하겠습니다. 실제로 단일 수직 막대 "|"는 바이너리로 변환한 후 추가된 결과입니다. 예를 들어 간단한 예를 들어보겠습니다.

3|4

바이너리로 변환한 후 011|100을 추가하여 111=7

4|4

바이너리로 변환한 후 100|100을 추가합니다. get 100=4

8 |3

바이너리로 변환한 후 1000 |011이 추가되어 get 1011=11

위 내용은 제가 모두를 위해 정리한 내용이므로 앞으로 모든 분들께 도움이 되기를 바랍니다.

관련 기사:

JavaScript의 블록 수준 범위, 개인 변수 및 모듈 모드에 대한 심층적인 이해(그림 및 텍스트 자습서)

Javascript 배열 루프 탐색(forEach에 대한 자세한 설명)

Javascript 일반 함수와 생성자의 차이점(자세한 설명은 코드와 함께 설명)

위 내용은 JavaScript에서 | 단일 수직 막대 연산자를 사용하는 방법에 대한 자세한 설명(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿