在javaScript中检测数据类型的几种方式小结

(编辑：jimmy 日期: 2024/11/17 浏览：3 次 )

在用javaScript编程的过程中，我们经常会遇到这样一个问题，就是需要检测一个数据或变量的类型，那么在javaScript中给我们提供了哪些方法呢？网上流传的代码比比皆是，但是发现其中有些是有误的，索性我自己动手把每种方法用了一遍，今天我专门整理了下，以便以后查阅。

一、typeof 检测

typeof 是一个一元运算符，语法：typeof(运算数)，运算数可以是任意类型。它的返回值是一个字符串，该字符串说明运算数的类型。

// var arr = { name:"john"}; // object
  // var arr = ["语文","数学"]; // object
  // function Person() {};  // typeof(Person) => function
  // var arr = '我是字符串' ; // string
  // var arr = 66 ;    // number
  // var arr = true ;   // boolean
  // var arr = new Person(); // object
  // var arr = undefined;  // undefined
  // var arr = null;   // object
  // var arr = /^\d{5,20}$/; // object
  // console.log( typeof(arr) );

二、instanceof 检测

instanceof 检测某个对象是不是另一个对象的实例，可以在继承关系中用来判断一个实例是否属于它的父类型。

// var arr = '我是字符串' ;   　　// console.log( arr instanceof String ) => false
    // var arr = 66 ;      　　 // console.log( arr instanceof Number ) =>false
    // var arr = true ;     　　 // console.log( arr instanceof Boolean ) =>false
    // var arr = ["语文","数学"];　　 // console.log( arr instanceof Array ) =>true
    // var arr = { name:"john"}; 　　 // console.log( arr instanceof Object ) =>true
    // var arr = function Person(){}; //console.log(arr instanceof Function)=>true
    // var arr = undefined;      // console.log(arr instanceof Object)=>false
    // var arr = null;        // console.log(arr instanceof Object)=>false
    // var arr = /^\d{5,20}$/;    // console.log(arr instanceof RegExp)=>true

三、Object.prototype.toString.call 检测

使用Object.prototype上的原生toString()方法判断数据类型，使用方法如下：Object.prototype.toString.call(value)

// var arr = '我是字符串' ;   //[object String]
    // var arr = 66 ;        //[object Number]
    // var arr = true ;       //[object Boolean]
    // var arr = ["语文","数学"];  //[object Array]
    // var arr = { name:"john"};  //[object Object]
    // var arr = function Person(){}; //[object Function]
    // var arr = undefined;      //[object Undefined]
    // var arr = null;         //[object Null]
    // var arr = /^\d{5,20}$/;     //[object RegExp]
    // console.log( Object.prototype.toString.call(arr) );

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：详解在Vue中通过自定义指令获取dom元素
下一篇：jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】