如何判斷JavaScript類(lèi)型

今天小編給大家分享一下如何判斷JavaScript類(lèi)型的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

本文提供四種方法判斷js數(shù)據(jù)類(lèi)型，這里記錄了它們之間的差異，分別是 typeof 運(yùn)算符、instanceof 運(yùn)算符、constructor 屬性、Object.prototype.toString 方法。

1.使用 typeof 判斷數(shù)據(jù)類(lèi)型

console.log('測(cè)試 Number ->', typeof 1); // numberconsole.log('測(cè)試 Boolean ->', typeof true); // booleanconsole.log('測(cè)試 String ->', typeof ''); // stringconsole.log('測(cè)試 null ->', typeof null); // objectconsole.log('測(cè)試 undefined ->', typeof undefined); // undefinedconsole.log('測(cè)試 NaN ->', typeof NaN); // numberconsole.log('測(cè)試 function ->', typeof function () { }); // functionconsole.log('測(cè)試 Object ->', typeof {}); // objectconsole.log('測(cè)試 Array ->', typeof []); // objectconsole.log('測(cè)試 Date ->', typeof new Date()); // objectconsole.log('測(cè)試 Error ->', typeof new Error()); // objectconsole.log('測(cè)試 RegExp ->', typeof new RegExp()); // objectconsole.log('測(cè)試 Symbol ->', typeof Symbol()); // symbolconsole.log('測(cè)試 Map ->', typeof new Map()); // objectconsole.log('測(cè)試 Set ->', typeof new Set()); // object

控制臺(tái)輸出如下：

測(cè)試 Number -> number
測(cè)試 Boolean -> boolean
測(cè)試 String -> string測(cè)試 null -> object測(cè)試 undefined -> undefined
測(cè)試 NaN -> number
測(cè)試 function -> function
測(cè)試 Object -> object測(cè)試 Array -> object測(cè)試 Date -> object測(cè)試 Error -> object測(cè)試 RegExp -> object測(cè)試 Symbol -> symbol
測(cè)試 Map -> object測(cè)試 Set -> object

2.使用 instanceof 判斷數(shù)據(jù)類(lèi)型

console.log('測(cè)試 Number ->', 1 instanceof Number); // falseconsole.log('測(cè)試 Boolean ->', true instanceof Boolean); // falseconsole.log('測(cè)試 String ->', '' instanceof String); // false// console.log('測(cè)試 null ->', null instanceof null); // TypeError: Cannot read property 'constructor' of null// console.log('測(cè)試 undefined ->', undefined instanceof undefined); // TypeError: Cannot read property 'constructor' of undefinedconsole.log('測(cè)試 NaN ->', NaN instanceof Number); // falseconsole.log('測(cè)試 function ->', function () { } instanceof Function); // trueconsole.log('測(cè)試 Object ->', {} instanceof Object); // trueconsole.log('測(cè)試 Array ->', [] instanceof Array); // trueconsole.log('測(cè)試 Date ->', new Date() instanceof Date); // trueconsole.log('測(cè)試 Error ->', new Error() instanceof Error); // trueconsole.log('測(cè)試 RegExp ->', new RegExp() instanceof RegExp); // trueconsole.log('測(cè)試 Symbol ->', Symbol() instanceof Symbol); // falseconsole.log('測(cè)試 Map ->', new Map() instanceof Map); // trueconsole.log('測(cè)試 Set ->', new Set() instanceof Set); // true console.log('測(cè)試 new Number ->', new Number(1) instanceof Number); // trueconsole.log('測(cè)試 new Boolean ->', new Boolean(true) instanceof Boolean); // trueconsole.log('測(cè)試 new String ->', new String('') instanceof String); // true

控制臺(tái)輸出如下：

測(cè)試 Number -> false測(cè)試 Boolean -> false測(cè)試 String -> false測(cè)試 NaN -> false測(cè)試 function -> true測(cè)試 Object -> true測(cè)試 Array -> true測(cè)試 Date -> true測(cè)試 Error -> true測(cè)試 RegExp -> true測(cè)試 Symbol -> false測(cè)試 Map -> true測(cè)試 Set -> true測(cè)試 new Number -> true測(cè)試 new Boolean -> true測(cè)試 new String -> true

3.使用 constructor 判斷數(shù)據(jù)類(lèi)型

console.log('測(cè)試 Number ->', (1).constructor === Number); // trueconsole.log('測(cè)試 Boolean ->', true.constructor === Boolean); // trueconsole.log('測(cè)試 String ->', ''.constructor === String); // true// console.log('測(cè)試 null ->', null.constructor === null); // TypeError: Cannot read property 'constructor' of null// console.log('測(cè)試 undefined ->', undefined.constructor); // TypeError: Cannot read property 'constructor' of undefinedconsole.log('測(cè)試 NaN ->', NaN.constructor === Number); // true 注意:NaN和infinity一樣是Number類(lèi)型的一個(gè)特殊值console.log('測(cè)試 function ->', function () { }.constructor === Function); // trueconsole.log('測(cè)試 Object ->', {}.constructor === Object); // trueconsole.log('測(cè)試 Array ->', [].constructor === Array); // trueconsole.log('測(cè)試 Date ->', new Date().constructor === Date); // trueconsole.log('測(cè)試 Error ->', new Error().constructor === Error); // trueconsole.log('測(cè)試 RegExp ->', new RegExp().constructor === RegExp); // trueconsole.log('測(cè)試 Symbol ->', Symbol().constructor === Symbol); // trueconsole.log('測(cè)試 Map ->', new Map().constructor === Map); // trueconsole.log('測(cè)試 Set ->', new Set().constructor === Set); // true

控制臺(tái)輸出如下：

測(cè)試 Number -> true測(cè)試 Boolean -> true測(cè)試 String -> true測(cè)試 NaN -> true測(cè)試 function -> true測(cè)試 Object -> true測(cè)試 Array -> true測(cè)試 Date -> true測(cè)試 Error -> true測(cè)試 RegExp -> true測(cè)試 Symbol -> true測(cè)試 Map -> true測(cè)試 Set -> true

4.使用 Object.prototype.toString 判斷數(shù)據(jù)類(lèi)型

console.log('測(cè)試 Number ->', Object.prototype.toString.call(1)); // [object Number]console.log('測(cè)試 Boolean ->', Object.prototype.toString.call(true)); // [object Boolean]console.log('測(cè)試 String ->', Object.prototype.toString.call('')); // [object String]console.log('測(cè)試 null ->', Object.prototype.toString.call(null)); // [object Null]console.log('測(cè)試 undefined ->', Object.prototype.toString.call(undefined)); // [object Undefined]console.log('測(cè)試 NaN ->', Object.prototype.toString.call(NaN)); // [object Number]console.log('測(cè)試 function ->', Object.prototype.toString.call(function () { })); // [object Function]console.log('測(cè)試 Object ->', Object.prototype.toString.call({})); // [object Object]console.log('測(cè)試 Array ->', Object.prototype.toString.call([])); // [object Array]console.log('測(cè)試 Date ->', Object.prototype.toString.call(new Date())); // [object Date]console.log('測(cè)試 Error ->', Object.prototype.toString.call(new Error())); // [object Error]console.log('測(cè)試 RegExp ->', Object.prototype.toString.call(new RegExp())); // [object RegExp]console.log('測(cè)試 Symbol ->', Object.prototype.toString.call(Symbol())); // [object Symbol]console.log('測(cè)試 Map ->', Object.prototype.toString.call(new Map())); // [object Map]console.log('測(cè)試 Set ->', Object.prototype.toString.call(new Set())); // [object Set]

控制臺(tái)輸出如下：

測(cè)試 Number -> [object Number]
測(cè)試 Boolean -> [object Boolean]
測(cè)試 String -> [object String]
測(cè)試 null -> [object Null]
測(cè)試 undefined -> [object Undefined]
測(cè)試 NaN -> [object Number]
測(cè)試 function -> [object Function]
測(cè)試 Object -> [object Object]
測(cè)試 Array -> [object Array]
測(cè)試 Date -> [object Date]
測(cè)試 Error -> [object Error]
測(cè)試 RegExp -> [object RegExp]
測(cè)試 Symbol -> [object Symbol]
測(cè)試 Map -> [object Map]
測(cè)試 Set -> [object Set]

以上就是“如何判斷JavaScript類(lèi)型”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。