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

JavaScript裏使用typeof判斷數據類型,只能區分基本類型,即:numberstringundefinedbooleanobject
對於nullarrayfunctionobject來講,使用typeof都會統一返回object字符串。
要想區分對象、數組、函數、單純使用typeof是不行的。在JS中,能夠經過Object.prototype.toString方法,判斷某個對象之屬於哪一種內置類型。
分爲nullstringbooleannumberundefinedarrayfunctionobjectdatemath
1. 判斷基本類型javascript

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]"

2. 判斷原生引用類型java

**函數類型**
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]"

很明顯這種方法不能準確判斷personPerson類的實例,而只能用instanceof操做符來進行判斷,以下所示:正則表達式

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

3. 判斷原生JSON對象數組

var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON);
console.log(isNativeJSON);// 輸出結果爲」[object JSON]」說明JSON是原生的,不然不是;

注意:Object.prototype.toString()自己是容許被修改的,而咱們目前所討論的關於Object.prototype.toString()這個方法的應用都是假設toString()方法未被修改成前提的。
4. 實例:爲Array對象添加一個去除重複項的方法函數

input
[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN].uniq()
output
[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']this

這裏要注意,NaN === NaN 爲false,{} === {}爲false。prototype

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;
}

另外一種解法:code

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;
}
相關文章
相關標籤/搜索