Por que ",,," == Matriz (4) em Javascript?

119

Inicialize seu intérprete / console e tente a comparação

> ",,," == Array(4)
True

Por quê? No começo, pensei que talvez você pudesse pensar em ",,," como uma matriz de quatro caracteres com uma fatia de terminação '\ 0', talvez por isso, mas

> "..." == Array(4)

Retorna "Falso". Então por que? Eu sei que é um pouco idiossincrático de digitação de pato em Javascript, mas apenas curioso o que sublinha esse comportamento. Recolheu isso da excelente apresentação de Zed Shaw aqui .

javascript

— ZenLikeThat
fonte

14

Poucas linguagens além de C usam terminação zero de uma maneira visível para o programador.

— Joey

7

Se posso perguntar, o que levou a essa descoberta?

— precisa saber é o seguinte

1

O @SomeKittens Zed Shaw menciona isso explicitamente no vídeo ao qual vinculei minha pergunta (como uma crítica ao Javascript). Felicidades!

— ZenLikeThat

5

@SomeKittens Isso também é mencionado no (muito bem conhecido) talk "wat", mostrando algumas peculiaridades em Ruby e JavaScript destroyallsoftware.com/talks/wat

— Cronco

5

Essa é uma das muitas boas razões para usar sempre em ===vez de ==.

— wprl

178

Como o operando do lado direito é convertido em uma string e a representação da string Array(4)é ,,,:

> Array(4).toString()
  ",,,"

Se você usar a função construtora da matriz e passar um número, ela definirá o comprimento da matriz para esse número. Portanto, você pode dizer que possui quatro índices vazios (o mesmo que [,,,]) e a representação de string padrão de matrizes é uma lista separada por vírgula de seus elementos:

> ['a','b','c'].toString()
  "a,b,c"

Como a comparação funciona é descrito na seção 11.9.3 da especificação . Lá você verá ( x == y):

8. Se Type ( x ) for String ou Number e Type ( y ) for Object,
retorne o resultado da comparação x == ToPrimitive ( y ).

_{(matrizes são objetos em JavaScript)}

e se você seguir o ToPrimitivemétodo, acabará descobrindo que ele chama toString.

— Felix Kling
fonte

2

Ok, agora tudo isso faz sentido para mim. Obrigado.

— usar o seguinte código

6

O que, por sua vez, ocorre porque as matrizes se estratificam como se estivessem usando Array.join(",").

— duskwuff -inactive-

Você tem que ser sangrenta paciente a programar em javascript

— matcheek

31

Internamente está indo

",,," == Array(4).toString()

— Jason Kulatunga
fonte

31

Tente usar ===. Ao usar ==em Javascript, ele tentará converter as variáveis, levando a problemas como este. O console está transmitindo Array(4)para a representação de sequência (ou seja Array(4).toString), que é ",,,". O motivo das vírgulas existirem é que a .toString()função as adiciona aos itens separados em uma matriz.

Veja o trecho abaixo:

document.write( Array(4).toString() );

Expandir snippet

— SomeKittens
fonte

18

Isso ocorre porque Array(4)inicializa uma matriz de 4 valores vazios, um ==converte implicitamente, portanto:

 ",,," == Array(4)

 ",,," == Array(4).toString()

 ",,," == ["", "", "", ""] // note 3 commas for 4 values

 ",,," == ["", "", "", ""].toString()

São todos semelhantes.

==faz conversões implícitas de tipo antes de comparar os valores, o que pode resultar em resultados imprevisíveis. Use ===para verificar o tipo e o valor.

— Keith
fonte

5

A comparação de uma matriz com uma cadeia de caracteres força a matriz a uma cadeia de caracteres antes de fazer a comparação. Coagir uma matriz de 4 elementos vazia a uma sequência produz a sequência exata.

— Russell Borogove
fonte

4

Eu primeiro pensei que era algo com o "protótipo" ... mas depois de um pouco de investigação cheguei a uma conclusão triste ...

Aparentemente, é uma coisa js interna e mais obscura, com pouca lógica ...

Apenas tente

Array(4)==Array(4)

e sem coerção sobre os tipos também ...

Array(4)===Array(4)

e você terá FALSE

você sabe disso null==null, null===nulle até undefined==undefinede undefined===undefinedretorna VERDADEIRO ... então ... é um pouco obscuro ...

Array(4)==[,,,] deve ser verdade também

— ZEE
fonte

ZEE, Matriz (4) == [,,,] não será verdadeira. Se compararmos objeto com primitivo, o objeto será convertido em primitivo. Esse é o motivo pelo qual chama toString ().

— Devsathish

array (x) deve ser o endereço do construtor ... de qualquer maneira, em um sistema (não se preocupe com o tipo de sistema), <identity_X> === <identity_X> sempre deve ser verdadeiro!

— ZEE