如何判断一个数据的数据类型?
1 使用typeof
判断一个数据的数据类型
优点:
简单
对基本数据类型和函数测试非常准确
缺点:
对引用数据类型测试时,结果都是object
//基本数据类型和函数测试
console.log(typeof 110); // number
console.log(typeof "hello"); // string
console.log(typeof true); // boolean
function fn(){}
console.log(typeof fn); // function
var a;
console.log(typeof a); // und
//引用数据类型
console.log(typeof [1,2,3]); // object
console.log(typeof {name:"wc"}); // object
let d = new Date();
console.log(typeof d); // object
console.log(typeof null); // object
2 使用toString
判断数据类型
在Object的原型对象上,有一个属性,叫toString。
在JS内置的构造器中,它们的原型对象上,都有一个叫toString的属性。这里与toString方法
(把一个 Number 对象转换为一个字符串)不一样。
// 让其它的数据类型调用Object的原型对象上的toString方法
//基本数据类型和函数测试
console.log(Object.prototype.toString.call(110)); // [object Number]
console.log(Object.prototype.toString.call("hello")); // [object String]
console.log(Object.prototype.toString.call(true)); // [object Boolean]
function fn(){}
console.log(Object.prototype.toString.call(fn)); // [object Function]
var a;
console.log(Object.prototype.toString.call(a)); // [object Undefined]
//引用数据类型
console.log(Object.prototype.toString.call([1,2,3])); // [object Array]
console.log(Object.prototype.toString.call({name:"wc"})); // [object Object]
let d = new Date();
console.log(Object.prototype.toString.call(d)); // [object Date]
console.log(Object.prototype.toString.call(null)); // [object Null]
这种写法相当于:调用Object的原型对象上的toString方法。(call改变指向原型对象)
封装这个方法,并简化输出。
function getType(data){
let str = Object.prototype.toString.call(data).slice(8);
//slice()方法返回一个新的数组,包含从 start 到 end (不包括该元素)的元素
return str.substr(0,str.length-1).toLowerCase()
//substr()方法可在字符串中抽取从 start 下标开始的指定数目的字符。
//toLowerCase()方法用于把字符串转换为小写。
}
console.log(Object.prototype.toString.call("hello")); // [object String]
console.log(getType("hello")); // string