Hot For Coding

JavaScript判断一个变量是对象还是数组

typeof都返回object

在JavaScript中所有数据类型严格意义上都是对象,但实际使用中我们还是有类型之分,如果要判断一个变量是数组还是对象使用typeof搞不定,因为它全都返回object

var o = {name: '琼台博客'};
var a = ['reg', 'blue'];
 
console.log( ' o typeof is ' + typeof o);
console.log( ' a typeof is ' + typeof a);

Output

o typeof is object
a typeof is object   

因此,我们只能放弃这种方法,要判断是数组或者对象有两种方法

第一,使用typeof加length属性

数组有length属性,object没有,而typeof数组与对象都返回object,所以我们可以这么判断

var o = {name: '琼台博客'};
var a = ['reg', 'blue'];
 
var getDataType = function (o) {
  if (typeof o == 'object' && o) {
    if(typeof o.length === 'number'){
      return 'Array';
    }else{
      return 'Object';
    }
  } else {
    return 'param is not object type';
  }
};

console.log(getDataType(o));    // Output: Object
console.log(getDataType(a));    // Output: Array
console.log(getDataType(1));    // Output: param is not object type
console.log(getDataType(true)); // Output: param is not object type
console.log(getDataType('a'));  // Output: param is not object type
console.log(getDataType(null)); // Output: param is not object type

第二,使用instanceof

instanceof可以判断一个变量是不是数组,如

var o = {name: '琼台博客'};
var a = ['reg', 'blue'];
 
console.log(a instanceof Array);  // Output: true
console.log(o instanceof Array);  // Output: false

也可以判断是不是属于Object

var o = {'name': '琼台博客'};
var a = ['reg', 'blue'];
 
console.log(a instanceof Object);  // true
console.log(o instanceof Object);  // true

但数组也是属于object,所以以上两个都是true,因此我们要利用instanceof判断数据类型是对象还是数组时应该优先判断array,最后判断object

var o = {name: '琼台博客'};
var a = ['reg', 'blue'];
 
var getDataType = function (o) {
  if (o instanceof Array) {
    return 'Array';
  } else if (o instanceof Object ) {
    return 'Object';
  } else {
    return 'param is not object type';
  }
};
 
console.log(getDataType(o));    // Output: Object
console.log(getDataType(a));    // Output: Array
console.log(getDataType(1));    // Output: param is not object type
console.log(getDataType(true)); // Output: param is not object type
console.log(getDataType('a'));  // Output: param is not object type

使用Array.isArray

这个需要高级版本浏览器才能支持,具体可以到浏览器官网查查这个特性在哪个浏览器才能使用

console.log(Array.isArray());     // Output: false
console.log(Array.isArray({}));   // Output: false
console.log(Array.isArray(1));    // Output: false
console.log(Array.isArray(''));   // Output: false
console.log(Array.isArray([]));   // Output: true
分享

TITLE: JavaScript判断一个变量是对象还是数组

LINK: https://www.qttc.net/338-javascript-is-array.html

NOTE: 原创内容,转载请注明出自琼台博客