使用toString方法判斷對象類型

xiangzhihong 發(fā)布于2019-08-23 16:19 / 2975人閱讀

摘要：操作符是最常見的類型判斷方法，但其有局限性，只能判斷基本數(shù)據(jù)類型，對于數(shù)組，日期等對象無法區(qū)分，統(tǒng)一顯示為。配合，改變方法執(zhí)行時的所在的環(huán)境，可以得到對象的精確類型。

typeof操作符是最常見的類型判斷方法，但其有局限性，只能判斷基本數(shù)據(jù)類型，對于數(shù)組，日期等對象無法區(qū)分，統(tǒng)一顯示為object。

typeof []; //object
typeof new Date(); //object

使用toString()可以解決這個問題

toString基本用法

toString()是定義在Object.prototype上的實例方法，所有實例對象繼承了該方法，其可以返回一個對象的字符串形式。

{}.toString(); // "[object Object]"
{a:1}.toString(); // "[object Object]"

對于空對象和一般對象，toString方法會繼承于Object.prototype.toString，默認(rèn)返回[object Object]，其中第二個Object是該對象的構(gòu)造函數(shù)，那么根據(jù)這個值可以判斷數(shù)據(jù)類型。

"abc".toString(); // "abc"
[1,2].toString(); // "1,2"
new Date().toString(); // "Sun Mar 24 2019 16:08:58 GMT+0800"

然而很明顯字符串、數(shù)組、Date等對象擁有自定義的toString方法，會覆蓋Object.prototype.toString方法。

使用call()

可以直接使用Object.prototype.toString方法來獲得類型，但由于是在Object對象環(huán)境中使用方法，所有對象都會顯示[object Object]。
配合call()，改變toString方法執(zhí)行時的所在的環(huán)境，可以得到對象的精確類型。

Object.prototype.toString.call("") // "[object String]"
Object.prototype.toString.call([]) // "[object Array]"
Object.prototype.toString.call(new Date()) // "[object Date]"

類型判斷函數(shù)

返回的字符串中去掉前面object就是對象的類型，可以寫一個比typeof更好的類型判斷函數(shù)

function type(object){
  let s = Object.prototype.toString.call(object);
  return s.match(/[object (.*?)]/)[1].toLowerCase();
}
console.log(type(new Date())); // date

上面代碼用正則表達(dá)式匹配得到類型，然后將類型字符串小寫。
改進前面的程序,可以用遍歷數(shù)據(jù)的方式得到判斷某種特定的類型數(shù)據(jù)的方法。

function type(object){
  var s = Object.prototype.toString.call(object);
  return s.match(/[object (.*?)]/)[1].toLowerCase();
};
["Null","Undefined","Object","Array","String","Number","Boolean","Function","RegExp"
].forEach(function(t){
    type["is"+t] = function(object){
      return type(object) === t.toLowerCase();
    };
});
console.log(type.isArray([])); // true

參考
https://wangdoc.com/javascrip...