¿Por qué 5,6,8,7 = 8 en JavaScript?

Este comportamiento peculiar en JavaScript ha desconcertado a muchos desarrolladores. Profundicemos en el funcionamiento interno de las expresiones JavaScript para comprender por qué ocurre esto.

Como habrás notado, la siguiente operación devuelve 4:

[1,2,3,4,5,6][1,2,3] // 4

Esto se debe a que el segundo conjunto de corchetes representa una operación de subíndice de matriz, donde el índice es la expresión 1,2,3. Sin embargo, cuando el segundo conjunto de corchetes es [1,2], el resultado es 3.

La clave para entender esto es darse cuenta de que el segundo [...] no puede ser una matriz. En cambio, es una operación de subíndice de matriz. El contenido de una operación de subíndice no es una lista delimitada de operandos sino una sola expresión.

En este caso, la expresión es 1,2, que se evalúa como 2. Por lo tanto, la operación de subíndice [1,2] es equivalente a [2], que devuelve el elemento en el índice 2 de la primera matriz. Este elemento es el número 8.

En resumen, la expresión [5,6,8,7][1,2] equivale a [5,6,8,7] [2], que devuelve el elemento en el índice 2 de la primera matriz, que es 8.