JavaScript判断变量类型

Bertha 。 2022-12-21 12:57 237阅读 0赞

JavaScript有6个基本数据类型，1个复杂数据类型(也叫引用数据类型)。  
基本类型：String 、Number、Boolean、Null、Undefined、 Symbol  
引用类型：Object

基本类型是按值访问的，不能给他添加属性和方法。  
引用类型是按引用访问的，可以随时给它添加属性和方法。

判断数据类型有很多种方法：  
**1. Object.prototype.toString.call**

这个方法很多js库的内部都在使用，也是我使用的最多的方法。

// String
    console.log(Object.prototype.toString.call('abc')); // [object String]
    // Number
    console.log(Object.prototype.toString.call(123)); // [object Number]
    // Boolean
    console.log(Object.prototype.toString.call(false)); // [object Boolean]
    // Null
    console.log(Object.prototype.toString.call(null)); // [object Null]
    // Undefined
    console.log(Object.prototype.toString.call(undefined)); // [object Undefined]
    // Symbol
    console.log(Object.prototype.toString.call(Symbol())); // [object Symbol]
    // Array
    console.log(Object.prototype.toString.call([1,2,3])); // [object Array]
    // Function
    console.log(Object.prototype.toString.call(function() { })); // [object Function]
    // Object
    console.log(Object.prototype.toString.call({  a:1, b:2 })); // [object Object]

可以看到输出结果都是\[object xxx\]的格式，这样就可以通过Object.prototype.toString.call(123) === \[object Number\]来判断格式。

**2. typeof**

typeof只适合用来判断基本类型，如果值是null、object，那么他会返回object。

// String
    console.log(typeof 'abc'); // string
    // Number
    console.log(typeof 123); // number
    // Boolean
    console.log(typeof false); // boolean
    // Null
    console.log(typeof null); // object
    // Undefined
    console.log(typeof undefined); // undefined
    // Symbol
    console.log(typeof Symbol()); // symbol
    // Array
    console.log(typeof [1,2,3]); // object
    // Function
    console.log(typeof function() { }); // function
    // Object
    console.log(typeof {  a:1, b:2 }); // object

可以看到，null、array、object输出的都是object。为了解决这个问题，可以使用instanceof。

**3. instanceof**

// Object
    console.log({ } instanceof Object);	// true 是对象返回true，否则返回false。
    // Array
    console.log([] instanceof Array);	// true 是数组返回true，否则返回false。

**注意instanceof只能判断引用类型，判断基础类型都返回false。**

console.log(123 instanceof Number);	// false