JavaScript檢測數(shù)據(jù)類型

wemall 發(fā)布于2019-08-23 17:02 / 1530人閱讀

摘要：操作符是確定一個變量是，還是的最佳工具引用來源高級程序設(shè)計(jì)圖靈程序設(shè)計(jì)叢書看下面例子，都檢測出來了，如果檢測的是一個對象或者就會會返回，如下看吧，一點(diǎn)區(qū)分度也沒有。

1.typeof

typeof 操作符是確定一個變量是String、Number、Boolean，還是undefined的最佳工具

引用來源：《JavaScript高級程序設(shè)計(jì)》圖靈程序設(shè)計(jì)叢書

看下面例子：

var s = "hello";
var num = 10;
var bool = true;
var und;

typeof s;    // "string"
typeof num;  // "number"
typeof bool; // "boolean"
typeof und;  // "undefined"

ok，都檢測出來了，but, 如果檢測的是一個對象或者null,就會會返回Object，如下：

var n = null;
var o = new Object();

typeof n; // "object"
typeof o; // "object"

看吧，一點(diǎn)區(qū)分度也沒有。

所以： 在檢測基本數(shù)據(jù)類型時，typeof很好用，在檢測引用類型的值時，typeof的作用不大

2.instanceof

var o = new Object();
var arr = [];
var reg = /^abc$/

o instanceof Object   //true
arr instanceof Array  //true
reg instanceof RegExp //true

注意:使用instanceof操作符檢測基本數(shù)據(jù)類型的值時，都會返回false,盡管下面的例子看起來很矛盾

null instanceof Object // false
typeof null // "object"

3.Object.prototype.toString()

ECMA-262 規(guī)范中，toString方法是這樣定義的:

如果參數(shù)是未定義的值，則返回"[object Undefined]".

如果參數(shù)為null，則返回"[object Null]".

如果適用ToObject函數(shù)傳遞參數(shù)，則返回對象.

如果參數(shù)為類，則返回包含對象的類.（Let class be the value of the [[Class]] internal property of O.）

返回一個由"[對象", 類, 和"]"拼接而成的字符串.

它可以返回引用類型更精準(zhǔn)的類型檢測

var o = new Object();
var arr = [];
var reg = /^abc$/

Object.prototype.toString.call(o) // "[object Object]"
Object.prototype.toString.call(arr) // "[object Array]"
Object.prototype.toString.call(reg) // "[object RegExp]"

通過函數(shù)封裝處理一下：

var type = function (o) {
    var s = Object.prototype.toString.call(o);
    return s.match(/[object (.*?)]/)[1];
}
type(o) // "Object"
type(reg) // "RegExp"
type(arr) // "Array"