js判断数据类型，检测方式有哪些？

93 阅读 0 评论 62 点赞

我是靠谱客的博主专注保温杯，最近开发中收集的这篇文章主要介绍js判断数据类型，检测方式有哪些？，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1. typeof

typeof常用于判断基本数据类型，因为对象、数组和Null都返回的Object

console.log(typeof '温情');  // string
console.log(typeof 111);  // number
console.log(typeof true);  // boolean
console.log(typeof undefined);  // undefined
console.log(typeof function () { });  // function
console.log(typeof {});  // object
console.log(typeof [1,2,3]);  // object
console.log(typeof null);  // object

2. instanceof

instanceof用于判断引用数据类型，检测构造函数的prototype属性是否出现在某个实例对象的原型链上，有则返回true，否则返回false，就是判断对象属于什么类型;

let arr = [];
console.log(arr instanceof Array); // true
console.log(arr instanceof Object); // true
let obj = {};
console.log(obj instanceof Array); // false
console.log(obj instanceof Object); // true
let date = new Date();
console.log(date instanceof Date); // true
console.log(date instanceof Object); // true
console.log(date instanceof Array); // false

3. Object.prototype.toString.call()

Object.prototype.toString.call()返回一个“[object XXX]”格式的字符串，XXX就是具体的数据类型

function getType(value) {
    if(typeof value !== 'object') {
        return typeof value;
    } else {
        return Object.prototype.toString.call(value).split(' ')[1].slice(0, -1);
    }
};
console.log( getType() );  // undefined
console.log( getType(null) );  // Null
console.log( getType(123) );  // number
console.log( getType('温情') );  // string
console.log( getType({}) );  // Object
console.log( getType([]) );  // Array
console.log( getType(new Date) );  // Date
console.log( getType(new RegExp) );  // RegExp
console.log( getType(new Function) );  // function