快捷導(dǎo)航

在javaScript中檢測(cè)數(shù)據(jù)類型的幾種方式小結(jié)

更新時(shí)間：2017年03月04日 13:15:38 作者：九九smile

在用javaScript編程的過程中，我們經(jīng)常會(huì)遇到這樣一個(gè)問題，就是需要檢測(cè)一個(gè)數(shù)據(jù)或變量的類型，本篇文章主要介紹了在javaScript中檢測(cè)數(shù)據(jù)類型的幾種方式小結(jié)，有興趣的可以了解一下。

在用javaScript編程的過程中，我們經(jīng)常會(huì)遇到這樣一個(gè)問題，就是需要檢測(cè)一個(gè)數(shù)據(jù)或變量的類型，那么在javaScript中給我們提供了哪些方法呢？網(wǎng)上流傳的代碼比比皆是，但是發(fā)現(xiàn)其中有些是有誤的，索性我自己動(dòng)手把每種方法用了一遍，今天我專門整理了下，以便以后查閱。

一、typeof 檢測(cè)

typeof 是一個(gè)一元運(yùn)算符，語法：typeof(運(yùn)算數(shù))，運(yùn)算數(shù)可以是任意類型。它的返回值是一個(gè)字符串，該字符串說明運(yùn)算數(shù)的類型。

// var arr = { name:"john"}; // object
  // var arr = ["語文","數(shù)學(xué)"]; // 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 檢測(cè)

instanceof 檢測(cè)某個(gè)對(duì)象是不是另一個(gè)對(duì)象的實(shí)例，可以在繼承關(guān)系中用來判斷一個(gè)實(shí)例是否屬于它的父類型。

// 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 = ["語文","數(shù)學(xué)"];　　 // 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 檢測(cè)

使用Object.prototype上的原生toString()方法判斷數(shù)據(jù)類型，使用方法如下：Object.prototype.toString.call(value)

// var arr = '我是字符串' ;   //[object String]
    // var arr = 66 ;        //[object Number]
    // var arr = true ;       //[object Boolean]
    // var arr = ["語文","數(shù)學(xué)"];  //[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) );

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: