Use JavaScript to determine whether the object is an array

1. typeof

The first thing we will think of is to use typeof to detect data type, but for Function, String, Number, Undefined, etc. For these basic types, you can use typeof to detect them. 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, if you use typeof to detect, then It cannot be satisfied, because when we detect arrays or regular expressions, the returned type will be an objectobject, 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. The detection will return a boolean. If it is an array, it will return true, otherwise it will return false; Let’s take a look at the above code for detecting whether it is an array:

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;

3. constructor attribute

In javascript, each object has a constructor attribute, which refers to the constructor function that initializes the object, such as determining the type of an unknown object, so we can write one as follows Method, 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 a cross-frame iframe. When using arrays in the page, it 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 use the above method There is no way to determine whether an object is an array; but we can see from ECMA262 that you 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 detailed content of Use JavaScript to determine whether the object is an array. For more information, please follow other related articles on the PHP Chinese website!