javascript中如何判断类型汇总

下面是关于JavaScript中如何判断类型的完整攻略。本文将涵盖JavaScript中的原始类型、引用类型等常见类型的判断方式，并提供了实例代码进行说明。

一、JavaScript中的类型

JavaScript中的数据类型可以分为两类：原始类型和引用类型。

1.1 原始类型

JavaScript中的原始类型有6种，分别为：undefined、null、boolean、number、string、symbol。

其中undefined和null是JavaScript中的两个特殊值。undefined表示一个未定义或未声明的变量，而null表示一个空值，即该变量没有值。

1.2 引用类型

引用类型通常用于表示一组相关数据或对象。JavaScript中的引用类型包括对象（Object）、数组（Array）、函数（Function）等。

二、JavaScript中的判断类型的方法

2.1 使用typeof运算符

使用JavaScript的内置运算符typeof可以判断原始类型和函数，但对于引用类型而言，它只能够返回一个"object"的字符串，不能区分具体是哪种引用类型。代码如下：

typeof undefined // "undefined"
typeof null // "object"
typeof true // "boolean"
typeof 123 // "number"
typeof "abc" // "string"
typeof Symbol() // "symbol"
typeof function(){} // "function"
typeof [] // "object"
typeof {} // "object"

从上述代码可以看出，typeof运算符可以较好的识别出原始类型和Function类型，但对于null和Object类型无法区分。

2.2 使用instanceof运算符

使用JavaScript内置的操作符instanceof可以判断一个对象是否为该类型的实例。例如，我想判断一个变量是否为Array类型，可以使用以下代码：

var arr = ['a', 'b', 'c'];
arr instanceof Array // true

需要注意的是，仅当变量是该类型的实例时，instanceof运算符才会返回true，如果变量是该类型的子类或派生类的实例，也会返回false。此外，对于null和undefined变量使用instanceof会出现错误，因为它们不是对象。

2.3 使用Object.prototype.toString()方法

JavaScript的每个对象都有一个内部属性[[Class]]，该属性指示对象的类型。内置的Object.prototype.toString()方法可以获取这个属性值，返回一个标准的字符串"[object 类型]"。

Object.prototype.toString.call(undefined) // "[object Undefined]"
Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call(123) // "[object Number]"
Object.prototype.toString.call("abc") // "[object String]"
Object.prototype.toString.call(Symbol()) // "[object Symbol]"
Object.prototype.toString.call(function(){}) // "[object Function]"
Object.prototype.toString.call([]) // "[object Array]"
Object.prototype.toString.call({}) // "[object Object]"

从上述代码可以看出，Object.prototype.toString.call方法可以成功识别出变量的类型，包括原始类型、引用类型以及Function类型。

2.4 使用typeof和 instanceof结合使用

通过使用typeof和instanceof结合，可以很好地区分各种类型。代码如下：

//判断是否为String类型
var str = 'abc';
typeof str === 'string' // true
str instanceof String // false

//判断是否为Number类型
var num = 123;
typeof num === 'number' // true
num instanceof Number // false

//判断是否为Boolean类型
var bool = true;
typeof bool === 'boolean' // true
bool instanceof Boolean // false

从上述代码可以看出，原始类型使用typeof而非引用类型的构造函数返回的变量，所以instanceof同样会返回false。

三、示例说明

3.1 示例一：使用typeof和instanceof

下面是一个使用typeof和instanceof结合的示例，用于判断变量的类型：

function checkType(value) {
  if (typeof value === 'string') {
    console.log('The type of value is a string');
  } else if (typeof value === 'number') {
    console.log('The type of value is a number');
  } else if (typeof value === 'boolean') {
    console.log('The type of value is a boolean');
  } else if (typeof value === 'undefined') {
    console.log('The type of value is undefined');
  } else if (value === null) {
    console.log('The type of value is null');
  } else if (Array.isArray(value)) {
    console.log('The type of value is an array');
  } else if (typeof value === 'object') {
    console.log('The type of value is an object');
  } else if (typeof value === 'function') {
    console.log('The type of value is a function');
  } else {
    console.log('The type of value is not recognized');
  }
}

var str = 'hello world';
checkType(str); // "The type of value is a string"

var num = 123;
checkType(num); // "The type of value is a number"

var bool = true;
checkType(bool); // "The type of value is a boolean"

var undef;
checkType(undef); // "The type of value is undefined"

var nul = null;
checkType(nul); // "The type of value is null"

var arr = [1, 2, 3];
checkType(arr); // "The type of value is an array"

var obj = {name: 'Tom', age: 18};
checkType(obj); // "The type of value is an object"

var func = function() {};
checkType(func); // "The type of value is a function"

var sym = Symbol();
checkType(sym); // "The type of value is not recognized"

从上述代码可以看出，我们通过定义一个函数checkType，使用typeof和instanceof对变量的类型进行判断，并输出对应的类型名称。

3.2 示例二：使用Object.prototype.toString()方法

下面是一个使用Object.prototype.toString()方法进行类型判断的示例：

function checkType(value) {
  var type = Object.prototype.toString.call(value);

  switch (type) {
    case '[object String]':
      console.log('The type of value is a string');
      break;
    case '[object Number]':
      console.log('The type of value is a number');
      break;
    case '[object Boolean]':
      console.log('The type of value is a boolean');
      break;
    case '[object Undefined]':
      console.log('The type of value is undefined');
      break;
    case '[object Null]':
      console.log('The type of value is null');
      break;
    case '[object Array]':
      console.log('The type of value is an array');
      break;
    case '[object Object]':
      console.log('The type of value is an object');
      break;
    case '[object Function]':
      console.log('The type of value is a function');
      break;
    case '[object Symbol]':
      console.log('The type of value is a symbol');
      break;
    default:
      console.log('The type of value is not recognized');
  }
}

var str = 'hello world';
checkType(str); // "The type of value is a string"

var num = 123;
checkType(num); // "The type of value is a number"

var bool = true;
checkType(bool); // "The type of value is a boolean"

var undef;
checkType(undef); // "The type of value is undefined"

var nul = null;
checkType(nul); // "The type of value is null"

var arr = [1, 2, 3];
checkType(arr); // "The type of value is an array"

var obj = {name: 'Tom', age: 18};
checkType(obj); // "The type of value is an object"

var func = function() {};
checkType(func); // "The type of value is a function"

var sym = Symbol();
checkType(sym); // "The type of value is a symbol"

从上述代码可以看出，我们通过定义一个函数checkType，使用Object.prototype.toString()方法对变量的类型进行判断，并输出对应的类型名称。

四、总结

本文详细讲解了JavaScript中如何判断类型的方法，包括使用typeof运算符、instanceof运算符、Object.prototype.toString()方法以及结合使用typeof和instanceof等方法。同时，本文也通过两个示例来说明如何在具体应用中进行类型判断。希望对读者在JavaScript开发中有所帮助。