如何准确判断变量的数据类型

在解决上面的问题之前,我们要了解下基本的知识

JS的数据类型有五种基本类型,undefined,null,boolean,number,string。

还有一种复杂的数据类型,object

从储存方式看,又分为值类型,引用类型,object便是引用类型。

typeof

该操作符只能判断值类型的数据类型,引用类型无法具体细分

console.log(typeof '123'); // string
console.log(typeof 123); // number
console.log(typeof true); // boolean
console.log(typeof undefined); // undefined
console.log(typeof null); // object
console.log(typeof [1,2]); // object
console.log(typeof {a:1});// object
console.log(typeof /[a]/);// object
console.log(typeof function(){}) // function

上面代码中,null,数组,对象,正则表达式都是输出object,但是函数typeof分辨出来了,但并不是函数属于值类型,函数依然是对象,只是函数的地位很高,所以最开始这门语言在设计时便让typeof可以分辨出函数。

那么问题来了,如何细分object的数据类型呢

function judgeType(item){
  let type = typeof item;

  //判断元素是否为数组
  if(type === 'object'){

  	if(Array.isArray(item)){
  		type = 'array';
  	}else if(item == undefined){
  		type = 'null';
  	}else{
  		const temp = item.toString();

	    if(temp[0] === '/'){
	      type = 'regexp';
	    }
  	}
    
  }

  return type;
}

上面的代码应该不难看懂,就不具体说明了,测试下该函数的准确性

function judgeType(item){
  let type = typeof item;

  //判断元素是否为数组
  if(type === 'object'){

  	if(Array.isArray(item)){
  		type = 'array';
  	}else if(item == undefined){
  		type = 'null';
  	}else{
  		const temp = item.toString();

	    if(temp[0] === '/'){
	      type = 'regexp';
	    }
  	}
    
  }

  return type;
}

console.log(judgeType('123'));
console.log(judgeType(123) );
console.log(judgeType(true) );
console.log(judgeType(undefined) )
console.log(judgeType(null) ) // null
console.log(judgeType([1,2]) ); // array
console.log(judgeType({a:1}) ); // object
console.log(judgeType(/[a]/) ); // regexp
console.log(judgeType(function(){}) ) 

当然上面的函数并不能判断Set,Map等对象,输出的依然是object。

原文地址:https://www.cnblogs.com/tourey-fatty/p/12721449.html