使用js判斷數據類型

出去溜達的時候,也會有人問如何判斷js數據類型,我當時回答是使用
typeof  判斷各種數據類型,有兩種寫法:typeof   xxx   ,typeof(xxx)

console.log(typeof 1 , typeof null, typeof {}, typeof [], typeof (function(){}) ,typeof undefined, typeof '222', typeof true)
結果:number object object object function undefined string boolean

緊接着是爛大街的問法是如何區分數組和對象,我的回答是

使用constructor,來判斷,

console.log([].constructor == Array, {}.constructor == Object)
結果: true true

剛纔突然想到,那如何區分null,undefined ?
可以使用Object.prototype.toString.call,用來更精確的區分數據類型。

var getDataType=Object.prototype.toString;
console.log(getDataType.call('字符串'), getDataType.call(1), getDataType.call(true), getDataType.call(undefined),getDataType.call(null), getDataType.call({}), getDataType.call([]), getDataType.call(function(){}));
結果:[object String] [object Number] [object Boolean] [object Undefined] [object Null] [object Object] [object Array] [object Function]

下面是我封裝的函數,感興趣可以直接使用

const judgeType = {
		getDataType () {
			return Object.prototype.toString
		},
		isObject (par) {
			return judgeType.getDataType().call(par) == "[object Object]"
		},
		isArray (par) {
			return judgeType.getDataType().call(par) == "[object Array]"
		},
		isString (par) {
			return judgeType.getDataType().call(par) == "[object String]"
		},
		isNumber (par) {
			return judgeType.getDataType().call(par) == "[object Number]"
		},
		isBoolean (par) {
			return judgeType.getDataType().call(par) == "[object Boolean]"
		},
		isUndefined (par) {
			return judgeType.getDataType().call(par) == '[object Undefined]'
		},
		isNull (par) {
			return judgeType.getDataType().call(par) == '[object Null]'
		},
		isFunction (par) {
			return judgeType.getDataType().call(par) == '[object Function]'
		}
	}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章