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


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

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. 判斷原生引用類型

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

這里要注意,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; }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM