O que faz o "|" (tubo único) fazer em JavaScript?

147

console.log(0.5 | 0); // 0
console.log(-1 | 0);  // -1
console.log(1 | 0);   // 1

Por que 0.5 | 0retornar zero, mas qualquer número inteiro (incluindo negativo) retorna o número inteiro de entrada? O que o tubo único ("|") faz?

javascript

— Matrym
fonte

12

É útil evitar que erros de sintaxe o alertem para o fato de que você digitou | em vez de ||

— Andrew Myers

157

Este é um bit a bit ou .
Como as operações bit a bit só fazem sentido em números inteiros, 0.5é truncado.

0 | xé x, para qualquer x.

— SLaks
fonte

8

isso é uma boa maneira de converter o número de ponto flutuante para int ou usoparseInt()

— Mabi

4

@MaBi: No entanto, você deve saber que o valor é convertido em um número inteiro de 32 bits, para que não funcione corretamente para números maiores.

— Guffa

1

Então, pode ser considerado o mesmo que a função Floor?

— May13ank

2

Use isso apenas para bit a bit ou. Como disse @Guffa, grandes números não se comportarão conforme o esperado. Ex: 248004937500 | 0 = -1103165668

— Joseph Connolly

Números grandes transbordam porque são convertidos em int de 32 bits.

— slikts

151

A comparação de bits é tão simples que é quase incompreensível;) Confira este "nybble"

   8 4 2 1
   -------
   0 1 1 0 = 6  (4 + 2)
   1 0 1 0 = 10 (8 + 2)
   =======
   1 1 1 0 = 14 (8 + 4 + 2)

ORing bit a bit 6 e 10 fornecerá 14:

   alert(6 | 10); // should show 14

Terrivelmente confuso!

— Trey
fonte

16

Funciona para booleano também. JS interpreta verdadeiro como 1, falso como 0; então

alert(true | false) //yields 1; alert(true | true) //yields 1; alert(false | true) //yields 1; alert(false | false) //yields 0

— Gordon

21

Um único pipe é um OR bit a bit .

Executa a operação OR em cada par de bits. a OR b produz 1 se a ou b é 1.

O JavaScript trunca qualquer número não inteiro em operações bit a bit, então é calculado como 0|0, que é 0.

— Yahel
fonte

6

Isso não responde à pergunta. ("Por que isso retorna 0")

— Kirk Woll

8

Este exemplo irá ajudá-lo.

 
    var testPipe = function(input) { 
       console.log('input => ' + input);
       console.log('single pipe | => ' + (input | 'fallback'));
       console.log('double pipe || => ' + (input || 'fallback'));
       console.log('-------------------------');
    };

    testPipe();
    testPipe('something'); 
    testPipe(50);
    testPipe(0);
    testPipe(-1);
    testPipe(true);
    testPipe(false);

Expandir snippet

— Nikhil Mahirrao
fonte