En JavaScript (ECMAScript 5) no solo hay objetos y arrays, hay en total 5 tipos primitivos:
string, number, undefined, boolean, object
La forma usual es usar el operador typeof
que retornara la cadena que corresponda, es decir:
typeof 'hola' === 'string'
typeof true === 'boolean'
typeof 123 === 'number'
typeof undefined === 'undefined'
typeof {} === 'object'
typeof [] === 'object'
¿Cómo? Sí, los arrays son objetos regulares (donde typeof [] === "object"
) pero que tienen una relación entre la key
(notación: valor[key]
) y la propiedad length
. Además heredan de Array.prototype
.
Una buena forma (soportada por todos los navegadores actuales) de comprobar si un objeto es un array es: Array.isArray(valor)
Por lo tanto, no puedes simplemente diferenciar entre array y objeto, ya que existe la posibilidad de que no sea ni una cosa ni la otra.
Podrías hacer lo siguiente:
if (Array.isArray(valor)) {
// es un array
} else if (typeof valor === 'object') {
// es un objeto regular que no es un array
} else {
// puede ser undefined, string, number o boolean.
}
¡Pero cuidado!, hay una excepcion, typeof null === 'object'
así que también deberías validar si el valor es nulo o no, porque una variable con valor null
daría un falso positivo como objeto. Esto es un bug de ECMAScript 5, la versión 6 lo corrige y retorna 'null'.
Quiero aclarar que la variable podría contener una función en cuyo caso seria typeof function(){} === 'function'
Más info en MDN, lamentablemente está en inglés.