Your Web News in One Place

An Interest In:

Web News this Week

Search Archive

Some of Our Sources

View All Sources

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
November 27, 2021 06:11 pm GMT

You are an array

Javascript always has some surprises in store. for example, typeof [] return object and not array. This has historical reasons. But this can be very confusing

How can you then properly check if something is an array?

Constructor

For example, you could check if the constructor is an array.

([]).constructor === Array // true(new Array).constructor === Array // true({}).constructor === Array // false(true).constructor === Array // false(null).constructor === Array // TypeError(undefined).constructor === Array // TypeError

As you can see this has a problem. With null and undefined a TypeError is thrown.

You could catch this for example with a try/catch.

try {  (undefined).constructor === Array // true} catch(e) {}

But you don't want that.

Exotic

There is also this exotic possibility to check if it is an array. You can missuse the toString() method for this.

Object.prototype.toString.call([]).indexOf('Array')!==-1     // => trueObject.prototype.toString.call({}).indexOf('Array')!==-1     // => falseObject.prototype.toString.call("").indexOf('Array')!==-1     // => falseObject.prototype.toString.call(null).indexOf('Array')!==-1   // => falseObject.prototype.toString.call(true).indexOf('Array')!==-1   // => false Object.prototype.toString.call(undefined).indexOf('Array')!==-1   // => false

But it doesn't just look awkward, it is awkward.

instanceOf

Alternatively, the instanceof operator, which is also known from other languages, can of course be used here.

[]  instanceof Array // => true{} instanceof Array // => false"" instanceof Array // => falsenull instanceof Array // => falsetrue instanceof Array // => false10 instanceof Array // => falseundefined instanceof Array // => false

Already looks pretty good. But there is also a problem here.

All these checks work only if the array was created by the original array constructor in the current environment.

const iframe = document.createElement('iframe');document.body.appendChild(iframe);const iframeArray = window.frames[window.frames.length-1].Array;const array = new iframeArray(1,2,3);

Here the two array instances do not match.

array instanceof Array; // false

But there is a real solution.

Array.isArray

For these reasons, since ECMAScript 5 there is a method Array.isArray().

This also works with different instances.

Array.isArray([])  // => trueArray.isArray(Array.prototype)  // => surprise; trueArray.isArray({}) // => falseArray.isArray("") // => falseArray.isArray(null)  // => falseArray.isArray(true)  // => falseArray.isArray(undefined)  // => false

If it (isArray) is supported, it is the solution!

hope you enjoy it!

References


Original Link: https://dev.to/schukai/you-are-an-array-25l3

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To