How to check if an object is not an array?

Question

So i have a function that needs to check if an argument is an object, but this fails because:

typeof [] // returns 'object'

This is a classic javascript gotcha, but i cant remember what to do to actually accept objects, but not arrays.

Answer 1

Try something like this :

obj.constructor.toString().indexOf("Array") != -1

or (even better)

obj instanceof Array

Answer 2

All these answers suggesting that you check to see (one way or another) if an object is an instance of the "Array" class (that is, constructed by "Array") are really not safe solutions. They'll work sometimes, maybe most of the time, but all the major frameworks have moved away from that approach. One of the main problems with it comes about when there's interaction between multiple windows (generally, a parent window and one or more frame or iframe windows). If you pass an array object created in one window into an API resident in another window, all these tests will fail. Why? Because what you're testing is whether an object is an instance of the "Array" class in your local window context. In other words, when you reference "Array" in

if (myobject instanceof Array) { ... }

what you're referencing is window.Array, of course. Well, an array constructed in another window is not going to be an instance of the Array class in your window!

Checking the constructor name is probably a little safer, though it's still risky. In my opinion, you're better off taking a duck-typing approach. That is, instead of asking, "Is this an Array?" ask instead, "does this object seem to support some particular set of Array APIs I need in this circumstance?" For example, "does this object have a length property?" Javascript is a pretty "soft" language, and just about everything's mutable. Thus even if you do find out something was constructed by "Array", you still really don't know for sure what you can do with it or to it.

[edit] Thanks for that link, @Lachlan - here's a very clear description of the issues: http://juhukinners.com/2009/01/11/typeof-considered-useless-or-how-to-write-robust-type-checks/

Answer 3

To determine whether a given object is an array, ECMAScript 5 introduces the Array.isArray() method, which is currently supported across all modern browsers. Refer to this ECMAScript compatibility table.

To determine the class of a particular object, you can use the Object.prototype.toString() method.

Object.prototype.toString.call({}); // "[object Object]"
Object.prototype.toString.call([]); // "[object Array]"

Answer 4

Arrays are objects in javascript after all ,so all you need to do is to check if the type of variable is an object and in the same time this object is not instance of Array class.

var obj = {fname:'John',lname:'Doe'};

if(typeof obj === 'object' && !(obj instanceof Array)){
  return true ;
} else  {
  return false;
}

Answer 5

To test if something is an instance of an Array:

const arr = [1,2,3];
Array.isArray(arr);  // true

To test is something is an instance of an Object:

const obj = { 1: 'a', 2: 'b', 3: 'c' };
obj.constructor === Object;  // true

Note the latter would throw an error if obj is null or undefined, in that case you could use: typeof obj === 'object' or just do a null check: obj && obj.constructor === Object.

Answer 6

For what it's worth, here is how jQuery checks whether something is an array:

isArray: function( arr ) {
    return !!arr && arr.constructor == Array;
}

But, this article recommends doing it like this:

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

Answer 7

Have you tried this:

var test = [];
if(test instanceof Array) {
 ...
}

EDIT: This method doesn't work in multi-frame DOM environments (‘typeof’ considered useless - or how to write robust type checks). (via Pointy)

Answer 8

Look this package

Verify if a given object is not an array for old browsers

https://www.npmjs.com/package/notisarray

Answer 9

var obj = {first: 'Stack', last: 'Overflow'};
// var obj = ['Stack', 'overflow']; //You can uncomment this line and comment the above to check..

if(Object.prototype.toString.call(obj) !== '[object Array]') {
    //your code..
    var str = '';
    for(var k in obj) {
    	str = str + obj[k] + ' ';
    }
    console.log('I love ', str);
    alert('I love ' + str);
} else {
	console.log('Could not process. Probably an array');
  alert('Could not process. Probably an array');
}

console.log('Length is: ', Object.keys(obj).length);
alert('Length is: ' + Object.keys(obj).length);

Let input be an Array or an Object

To check if an object is an Array
if(Object.prototype.toString.call(input) === '[object Array]') {}

To check if an object is an Object
if(Object.prototype.toString.call(input) === '[object Object]') {}

Please note Object.keys(input).length will return you the length for both Array and Object.

JS Fiddle example for the same

Answer 10

please use Object.prototype.toString.call({}).slice(8,-1)==="Object" this works for all datatype you can replace the parameter inside call function and the comparison also to check for different datatypes. it works for null check as well