JavaScript, how do I check if this variable is an array

By
Published ~ 2 minutes read

It is common to run functions that return results in JavaScript. With JavaScript being loosely typed, the returned value can be of any data type. In case it is returning an array, there isn't an obvious way to detect it, because arrays are also objects.

The crockford method works but I find it very complicated, here it is:

function typeOf(value) {
    var s = typeof value;
    if (s === 'object') {
        if (value) {
            if (value instanceof Array) {
                s = 'array';
            }
        } else {
            s = 'null';
        }
    }
    return s;
}

Now this work perfectly and you can go one with your day. However when I stumbled upon the same problem, I found my own solution before seeing the code above and posted it on stackoverflow.

Array.prototype.isArray = true;

Now whenever I want to check if an object is an array i can do something like this:

var result = doComplexStuffAndReturnResult();

if (result.isArray) {
    // do something
}

Note here if the object is not an array, the property isArray will simply return undefined which is equivalent to false. And just like that, a single line of code solved the problem.

On a related note, here are some interesting articles.

Learning javascript in just 30 days

Learning javascript in just 30 days

Yes, I think it is fair to say that you can learn javascript in just 30 days. At least it did it for me. Not exactly 30 days but it was close enough, so I rounded it to a nice 30. Javascript can be very confusing to an experienced programmer, because it is very different then other languages. However it is not so hard if it is your first language. Learning the basic should be easy, but when you get into scoping and closure it is something else.

Creating a State Stack Engine for your game with JavaScript

Creating a State Stack Engine for your game with JavaScript

I recently got into designing very small games using Javascript. Working with canvas in the browser helped me appreciate how vast and complex games can be. I truly am a beginner at this point but there are few things that helped me get started. Spagetti code can only get you so far, but with a structured StateStack Engine, development is much more fun and easier.

Jquery does that in one line

Jquery does that in one line

jQuery is the holy grail for JavaScript developers. It made everything so much easier. You never have to worry about browser quirks when writing your application. Before, you would have to write few hundreds of lines of code to do a very simple task; but with jQuery a single line of code can end all your nightmares. Still, I had a very hard time adopting (accepting) jQuery. Not because I thought it was bad, but because I believed I could do it myself.

View all articles

Comments(3)

Kevin :

This blog post came up first in the google search results. But later I found this:

var x = somethingComplicated();
if (Array.isArray(x)) {
   console.log('Yep, it's an array');
}

Ibrahim :

Yep Kevin.

Array.isArray() is now part of JavaScript, and is fairly supported on browsers.

The safe thing to do would be to either use the new method or test if the method exists before overriding it.

Volodymyr Fedorov :

Hi, what about most shortness code? Look it please and try:

let a = "anything"
let isArray = a && a.map ? "yes" : "no"

Let's hear your thoughts

For my eyes only