JavaScript determines whether an object is an array_javascript tips

This article shares with you three JavaScript methods to determine whether an object is an array,

1. typeof

The first thing we will think of is to use typeof to detect the data type, but for basic types such as Function, String, Number, Undefined, etc., it can be detected using typeof. For example, the code is as follows:

function test(){}
console.log(typeof 1); // number
console.log(typeof test); // function 
console.log(typeof "yunxi"); // string
console.log(typeof undefined); // undefined

But for arrays or regular expressions, using typeof to detect them is not satisfactory, because when we detect arrays or regular expressions, the returned type will be an object, as shown in the following code:

console.log(typeof []); // object
console.log(typeof /\d+/g); // object

2. Instanceof

From this we can easily think of using instanceof to detect whether an object is an instance of an array. This detection will return a boolean. If it is an array, it will return true, otherwise it will return false; let’s look at it again The code above to detect whether it is an array is as follows:

console.log([] instanceof Array); // true
console.log(/\d+/g instanceof Array); // false

As you can see above, using instanceof can indeed determine whether it is an array element;
3. constructor attribute

In JavaScript, each object has a constructor attribute, which refers to the constructor that initializes the object, such as determining the type of an unknown object, so we can write a method as follows, the code is as follows:

function isArray(obj) {
  return typeof obj == 'object' && obj.constructor == Array
}
// 测试demo
console.log(isArray([])); // true
var a = {"a":1};
console.log(isArray(a)); // false

var b = [1,2,3];
console.log(isArray(b)); // true
console.log(isArray(/\d+/g));// false

As you can see above, you can also determine whether it is an array element by calling the isArray method.
We can now see that for the second and third points, it seems that using the instanceof method and constructor attribute respectively can determine whether it is an array, but there are also exceptions, such as when using an array in a page when using a cross-frame iframe. , will fail because the arrays created in different iframes will not share their prototype attributes with each other; the following code test can be verified~

var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;    
var arr = new xArray("1","2","3","4","5");
//这个写法IE下是不支持的，标准浏览器firefox，chrome下有

console.log(arr); // 打印出 ["1", "2", "3", "4", "5"]
console.log(arr instanceof Array); // false 
console.log(arr.constructor === Array); // false

We cannot determine whether an object is an array with the above methods; but we can see from ECMA262 that we can use the Object.prototype.toString.call() method to determine whether an object is an array; the following code:

function isArray(obj) {
  return Object.prototype.toString.call(obj) == '[object Array]';
}
// 代码调用
console.log(isArray([])); // true
console.log(isArray([1,2,3])); // true

var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;    
var arr = new xArray("1","2","3","4","5");

console.log(arr); // ["1","2","3","4","5"]
console.log(isArray(arr)); // true

The above is the entire content of this article to help you learn how to use JavaScript to determine whether an object is an array. I hope it will be helpful to your learning.