淺談Object.prototype.toString.call()方法

weakish 發布于2019-08-23 10:48 / 1473人閱讀

摘要：在里使用判斷數據類型，只能區分基本類型，即。對于來說，使用都會統一返回字符串。要想區分對象數組函數單純使用是不行的。在中，可以通過方法，判斷某個對象之屬于哪種內置類型。實例為對象添加一個去除重復項的方法這里要注意，為，為。

在JavaScript里使用typeof判斷數據類型，只能區分基本類型，即：number、string、undefined、boolean、object。
對于null、array、function、object來說，使用typeof都會統一返回object字符串。
要想區分對象、數組、函數、單純使用typeof是不行的。在JS中，可以通過Object.prototype.toString方法，判斷某個對象之屬于哪種內置類型。
分為null、string、boolean、number、undefined、array、function、object、date、math。

判斷基本類型

Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call(“abc”);// "[object String]"
Object.prototype.toString.call(123);// "[object Number]"
Object.prototype.toString.call(true);// "[object Boolean]"

判斷原生引用類型

函數類型
Function fn(){
console.log(“test”);
}
Object.prototype.toString.call(fn); // "[object Function]"
日期類型
var date = new Date();
Object.prototype.toString.call(date); // "[object Date]"
數組類型
var arr = [1,2,3];
Object.prototype.toString.call(arr); // "[object Array]"
正則表達式
var reg = /[hbc]at/gi;
Object.prototype.toString.call(reg); // "[object RegExp]"
自定義類型
function Person(name, age) {

this.name = name;
this.age = age;

}
var person = new Person("Rose", 18);
Object.prototype.toString.call(arr); // "[object Object]"
很明顯這種方法不能準確判斷person是Person類的實例，而只能用instanceof 操作符來進行判斷，如下所示：

console.log(person instanceof Person); // true

判斷原生JSON對象

var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON);
console.log(isNativeJSON);// 輸出結果為”[object JSON]”說明JSON是原生的，否則不是；
注意：Object.prototype.toString()本身是允許被修改的，而我們目前所討論的關于Object.prototype.toString()這個方法的應用都是假設toString()方法未被修改為前提的。

實例：為Array對象添加一個去除重復項的方法

input
[false, true, undefined, null, NaN, 0, 1, {}, {}, "a", "a", NaN].uniq()
output
[false, true, undefined, null, NaN, 0, 1, {}, {}, "a"]
這里要注意，NaN === NaN 為false，{} === {}為false。

Array.prototype.uniq = function () {

if (!this.length || this.length == 0) return this;
var res = [], key, hasNaN = false, temp = {};
for (var i = 0 ; i < this.length; i++) {
    if (typeof this[i] === "object") {
        res.push(this[i]);
    } else if (this[i] != this[i]) { // 如果當前遍歷元素是NaN
        if (!hasNaN) {
            res.push(this[i]);
            hasNaN = true;
        }
    } else {
        key = typeof(this[i]) + this[i];
        if (!temp[key]) {
            res.push(this[i]);
            temp[key] = true;
        }
    }
}
return res;

}
另一種解法：

Array.prototype.uniq = function () {

var res = [];
var flag = true;
this.forEach(function(x) {
    if (res.indexOf(x) == -1) {
        if (x != x) {
            if (flag) {
                res.push(x);
                flag = false;
            }
        } else {
            res.push(x);
        }
    }
})
return res;

}
小禮物走一走，

作者：公子七
鏈接：https://www.jianshu.com/p/585...
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯系作者獲得授權并注明出處。

GPU云服務器云服務器設計淺談淺談javascript 淺談sdwan解決方案淺談正則表達式

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

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

淺談ES6中基本數據類型的操作方法

摘要：值得注意的是，中整數和浮點數采用的是同樣的儲存方法位雙精度浮點數，所以和被視為同一個值。在Javascript中，數據類型分為基本數據類型和引用數據類型兩大類，其中，Array和Function在本質上仍然是一種特殊的對象: 基本類型: String / Number / Boolean / Null / Undefined引用類型: Object / Array / Functio...

longmon 2019-08-23 18:24 評論0 收藏0
js基礎深入淺出

摘要：當多個事件觸發的時候，會把異步事件依次的放入里等同步事件執行完之后，再去隊列里一個個執行拾遺常用方法總結面試的信心來源于過硬的基礎參考高級程序設計你所不知道的深入淺出知識點思維導圖經典實例總結那些剪不斷理還亂的關系持續不斷更新。。。基本類型和引用類型 vue props | Primitive vs Reference Types 基本類型和字面值之間的區別基本類型和字面值相等，...

phodal 2019-08-20 16:21 評論0 收藏0
淺談JS的淺拷貝和深拷貝(遞歸和樹遍歷)

摘要：對象的特殊性因為對象的是通過指針仔細內存地址的，所以對象的拷貝不能像變量一般簡單的賦值，對象的賦值只是將指針的地址賦值過去而已，修改屬性值會對所有指向這個內存地址的對象的屬性值都會被改變，見下面的例子變量賦值修改不會對造成影響對象賦值修改會 1.對象的特殊性因為對象的是通過指針仔細內存地址的，所以對象的拷貝不能像變量一般簡單的賦值，對象的賦值只是將指針的地址賦值過去而已，修改屬性值會...

cjie 2019-08-23 16:10 評論0 收藏0
Object.prototype.toString.call(obj) 與 obj.toStrin

摘要：判斷一個變量的類型通常使用這樣的方式也可以去判斷一個變量的類型，但問題在于不嚴謹。另外，不直接使用方法的原因，還有一個就是對象的方法有可能會被改寫。判斷一個變量的類型 typeof 通常使用 typeof a; 這樣的方式也可以去判斷一個變量的類型，但問題在于不嚴謹。比如： typeof null; // object typeof []; // object 但有時候，...

bang590 2019-08-21 17:11 評論0 收藏0
利用Object.prototype.toString.call()來進行類型檢驗

摘要：會將數組中的每個元素一個個傳入給。參考鏈接與的區別二進行類型檢驗首先來看一個問題，用來檢驗類型有什么缺點呢答案是無法準確地檢驗對象類型。比較好的方式就是用來進行檢驗。判斷是否是對象類型注意使用是不能得到類型的。一、apply與call的區別相同點：可以讓一個對象調用另一個對象的方法不同點： apply最多只能傳入兩個參數，第一個為對象，第二個為數組 call能傳入多個參數，第一個...

JackJiang 2019-08-26 12:12 評論0 收藏0