Compreendendo a contradição: por que typeof Array com objetos retorna "Object"

Os desenvolvedores podem encontrar um fenômeno surpreendente: ao invocar typeof em um array contendo objetos, ele retorna inexplicavelmente "objeto" em vez de "matriz". Este artigo investiga esse comportamento aparentemente contraditório.

Examinando um exemplo, vamos ilustrar o problema:

$.ajax({
    url: 'http://api.twitter.com/1/statuses/user_timeline.json',
    data: { screen_name: 'mick__romney'},
    dataType: 'jsonp',
    success: function(data) {
        console.dir(data); //Array[20]
        alert(typeof data); //Object
    }
});

Embora console.dir(data) identifique corretamente a variável como um array, typeof data retorna incongruentemente "Object."

A explicação está na especificação peculiar do JavaScript, onde o operador typeof retorna o tipo da propriedade interna [[Class]] do objeto. No caso de arrays, sua propriedade [[Class]] é definida como "Array", mas quando cercada por objetos, a propriedade [[Class]] muda para "Object".

Para garantir uma verificação de tipo precisa , os desenvolvedores podem empregar várias abordagens:

• data instanceof Array: verifica se a variável é uma instância do tipo Array.
• Array.isArray(data): um método projetado especificamente para determinar se um objeto for um array.
• Object.prototype.toString.call(data) == '[object Array]': Um método confiável e amplamente aceito para detecção de array.
• $. isArray(data): Uma função específica do jQuery projetada para verificar matrizes.

Ao compreender essa peculiaridade e utilizar essas técnicas, os desenvolvedores podem lidar com matrizes de objetos de maneira eficaz em seu JavaScript código.