判断数组的常用方法及区分

目录

1、instanceof   

2、构造函数

3、Object原型上带的toString方法。

4、通过Array.isArray( )函数来判断

---

1、instanceof   

用法：

【变量】 instanceof Array

【变量】 instanceof Object

  var a = [1, 2, 3];
      console.log(a instanceof Array); // true
      console.log(a instanceof Object); // true

  var userInfo = { userName: "zhangsan" };
      console.log(userInfo instanceof Array); // false
      console.log(userInfo instanceof Object); // true

由此可见，instanceof可以准确的检测复杂数据类型是否是数组，但是无法区分其是否是对象。

此时想要准确区分出数组和对象，可以选择封装一个函数，利用排除法判断。

      var a = [1, 2, 3];
      function getType(o) {
        if (o instanceof Array) {
          return "Array";
        } else if (o instanceof Object) {
          return "Object";
        } else {
          return "参数类型不是Array也不是Object";
        }
      }
      console.log(getType(a));

2、构造函数

        判断一个变量是否是数组还是对象，其实就是判断变量的构造函数是Array类型还是Object类型。因为一个对象的实例都是通过构造函数创建的。

 var a = [1, 2, 3];
 console.log(a.__proto__.constructor === Array); 
 console.log(a.__proto__.constructor === Object); // false

同样这里，这里我们也可以封装一个函数，来判断变量是数组类型还是对象类型。

    function getType(o) {
        //获取构造函数
        var constructor = o.__proto__.constructor;
        if (constructor === Array) {
          return "Array";
        } else if (constructor === Object) {
          return "Object";
        } else {
          return "参数类型不是Array也不是Object";
        }
      }
      var a = [1, 2, 3];
      console.log(getType(a));

3、Object原型上带的toString方法。

用法 ：

Object.prototype.toString.call(【变量】)

var arr = [1, 2, 3];
var obj = { userName: "zhangsan" };
console.log(Object.prototype.toString.call(arr)); //[object Array]
console.log(Object.prototype.toString.call(obj)); // [object Object]
console.log(arr.toString()); // 1,2,3

4、通过Array.isArray( )函数来判断

用法：

Array.isArray(【变量】)

      var arr = [1, 2, 3];
      var obj = { name: "zhangsan" };
      console.log(Array.isArray(1)); //false
      console.log(Array.isArray(arr)); //true
      console.log(Array.isArray(obj)); //false