出去溜達的時候,也會有人問如何判斷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]'
}
}