How to detect if a variable is an array

by

Type checking of objects in JS is done via instanceof, ie

obj instanceof Array

This won’t work if the object is passed across frame boundaries as each frame has its own Array object. You can work around this by checking the internal [[Class]] property of the object. To get it, use Object.prototype.toString() (this is guaranteed to work by ECMA-262):

Object.prototype.toString.call(obj) === '[object Array]'

Both methods will only work for actual arrays and not array-like objects like the arguments object or node lists. As all array-like objects must have a numeric length property, I’d check for these like this:

typeof obj !== 'undefined' && obj !== null && typeof obj.length === 'number'

Please note that strings will pass this check, which might lead to problems as IE doesn’t allow access to a string’s characters by index. Therefore, you might want to change typeof obj !== 'undefined' to typeof obj === 'object' to exclude primitives and host objects with types distinct from 'object' alltogether. This will still let string objects pass, which would have to be excluded manually.

In most cases, what you actually want to know is whether you can iterate over the object via numeric indices. Therefore, it might be a good idea to check if the object has a property named 0 instead, which can be done via one of these checks:

typeof obj[0] !== 'undefined' // false negative for `obj[0] = undefined`
obj.hasOwnProperty('0') // exclude array-likes with inherited entries
'0' in Object(obj) // include array-likes with inherited entries

The cast to object is necessary to work correctly for array-like primitives (ie strings).

Here’s the code for robust checks for JS arrays:

function isArray(obj) {
    return Object.prototype.toString.call(obj) === '[object Array]';
}

and iterable (ie non-empty) array-like objects:

function isNonEmptyArrayLike(obj) {
    try { // don't bother with `typeof` - just access `length` and `catch`
        return obj.length > 0 && '0' in Object(obj);
    }
    catch(e) {
        return false;
    }
}

More Related Contents:

  1. Custom/Modified 'Fibonacci' Number sequence
  2. Most efficient method to groupby on an array of objects
  3. How to merge two arrays in JavaScript and de-duplicate items
  4. Get all non-unique values (i.e.: duplicate/more than one occurrence) in an array
  5. JavaScript merging objects by id
  6. How to add same elements to javascript array n times
  7. How to filter an array from all elements of another array
  8. Get the closest number out of an array
  9. forEach on querySelectorAll not working in recent Microsoft browsers
  10. How can I convert the “arguments” object to an array in JavaScript?
  11. How to convert an array of objects to object with key value pairs
  12. How to transpose a javascript object into a key/value array
  13. Array.push() if does not exist?
  14. How to search in array of object in mongodb
  15. Javascript sort function. Sort by First then by Second
  16. Alternative or polyfill for Array.from on the Internet Explorer
  17. How to Compare two Arrays are Equal using Javascript? [duplicate]
  18. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  19. Remove empty strings from array while keeping record Without Loop?
  20. Delete duplicate elements from an array [duplicate]
  21. Declare an empty two-dimensional array in Javascript?
  22. Merge Array of Objects by Property using Lodash
  23. Why Array.forEach is slower than for() loop in Javascript? [duplicate]
  24. Array destructuring in JavaScript
  25. Replace string in javascript array
  26. Array.includes() to find object in array
  27. String split returns an array with more elements than expected (empty elements)
  28. How to use Array.prototype.filter with async?
  29. Creating an array consisting of the largest values of each sub-array does not work as expected
  30. default array values

Leave a Comment