使用toString方法判斷對象類型

xiangzhihong 發布于2019-08-23 16:19 / 2970人閱讀

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

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

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

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

toString基本用法

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

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

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

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

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

使用call()

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

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

類型判斷函數

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

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

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

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...

云服務器 GPU云服務器對象tostring方法 tostring方法 js對象tostring 判斷類型

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102910.html

細數判斷數據類型的各種方法

摘要：可用于判斷多種數據類型基本數據類型和內置對象，然而對于一些自定義構造函數生成的對象就不能進行判斷了。判斷是不是所有數據類型中，只有不等于它本身判斷數組的方法除了上文提到的三種方法可判斷外，還有一個構造函數自帶的方法可判斷。數據類型的分類要想判斷數據類型，首先要知道數據類型的分類。數據類型分為基本數據類型和引用數據類型。基本數據類型基本數據類型有五種，ES6中新加了第六種...

hoohack 2019-08-23 12:40 評論0 收藏0
在JavaScript中，如何判斷數組是數組？

摘要：比如我們今天要討論的，在當中如何判斷一個數組是數組。在數組的原型鏈上也能找到構造函數由上面的幾行代碼可以看出，使用運算符可以分辨數組和對象，可以判斷數組是數組。用判斷實例化的數組擁有一個屬性，這個屬性指向生成這個數組的方法。如果你沒有注意過這個問題，那么這個標題應該會讓你感到困惑，判斷數據類型這么基礎的問題能有什么坑呢？少年，你不能太天真了，我們朝夕面對的這門語言，可是JavaSc...

kohoh_ 2019-08-22 10:34 評論0 收藏0
JS數據類型& 判斷

摘要：的數據類型，共有六種。通常，數值字符串布爾值這三種類型，合稱為原始類型的值，即它們是最基本的數據類型，不能再細分了。運算符返回一個布爾值，表示某個對象是否為指定的構造函數的實例。以下內容摘自阮一峰-JavaScript-標準參考教程數據類型 JavaScript 語言的每一個值，都屬于某一種數據類型。JavaScript 的數據類型，共有六種。（ES6 又新增了第七種 Symbo...

zhangxiangliang 2019-08-26 11:41 評論0 收藏0
標準庫（一）object對象

摘要：控制對象狀態的方法防止對象擴展。判斷一個對象是否被凍結。返回當前對象對應的值。方法的作用是返回一個對象的字符串形式上面代碼表示，對于一個對象調用方法，會返回字符串用途通過自定義方法，可以讓對象在自動類型轉換時，得到想要的字符串形式。概述Object()Object 構造函數Object 的靜態方法「本身的方法Object.keys()，Object.getOwnPropertyNam...

Muninn 2019-08-26 10:16 評論0 收藏0
javascript 數據類型判斷 (常見庫的數據類型判斷源碼的分析)

摘要：對象類型常見的有，，，正則新增自己提供的樂行判斷如果不對對象做嚴格區分使用。的實現使用了原型繼承的表示左表達式，表示右表達式，它是用是否等于來判斷對象的類型的。常見框架和庫的實數據類型判斷測試這里將的實現原理抽取出來，用原生實現。 JavaScript一共有六種數據類型，分為原始類型（又名基本類型）和對象類型（又名引用類型）原始類型有五種，分別為number，string，boole...

libin19890520 2019-08-22 13:52 評論0 收藏0