黄色网址大全免费-黄色网址你懂得-黄色网址你懂的-黄色网址有那些-免费超爽视频-免费大片黄国产在线观看

專注Java教育14年 全國咨詢/投訴熱線:400-8080-105
動力節點LOGO圖
始于2009,口口相傳的Java黃埔軍校
首頁 hot資訊 JavaScript判斷類型的方法

JavaScript判斷類型的方法

更新時間:2022-05-31 09:02:44 來源:動力節點 瀏覽1108次

本文提供四種方法判斷js數據類型,這里記錄了它們之間的差異,分別是 typeof 運算符、instanceof 運算符、constructor 屬性、Object.prototype.toString 方法。

1.使用 typeof 判斷數據類型

console.log('測試 Number ->', typeof 1); // number
console.log('測試 Boolean ->', typeof true); // boolean
console.log('測試 String ->', typeof ''); // string
console.log('測試 null ->', typeof null); // object
console.log('測試 undefined ->', typeof undefined); // undefined
console.log('測試 NaN ->', typeof NaN); // number
console.log('測試 function ->', typeof function () { }); // function
console.log('測試 Object ->', typeof {}); // object
console.log('測試 Array ->', typeof []); // object
console.log('測試 Date ->', typeof new Date()); // object
console.log('測試 Error ->', typeof new Error()); // object
console.log('測試 RegExp ->', typeof new RegExp()); // object
console.log('測試 Symbol ->', typeof Symbol()); // symbol
console.log('測試 Map ->', typeof new Map()); // object
console.log('測試 Set ->', typeof new Set()); // object

控制臺輸出如下:

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

2.使用 instanceof 判斷數據類型

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

控制臺輸出如下:

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

3.使用 constructor 判斷數據類型

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

控制臺輸出如下:

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

4.使用 Object.prototype.toString 判斷數據類型

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

控制臺輸出如下:

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

 

提交申請后,顧問老師會電話與您溝通安排學習

免費課程推薦 >>
技術文檔推薦 >>
主站蜘蛛池模板: 一级在线 | 欧洲 | 看全黄大色黄大片美女51la | 欧美综合图区亚洲综合图区 | 亚洲涩涩视频 | www.99精品视频在线播放 | 男女无遮挡毛片视频播放 | 曰韩高清一级毛片 | jyzziyzzz免费视频国产 | 黄色三级视频在线观看 | 簧片免费在线观看 | 成年人在线免费播放 | 日日夜夜精品视频 | 非洲精品性hd| 中文字幕免费观看视频 | 男人下面进女人下面视频免费 | 欧美性一区二区三区 | 国产小视频免费观看 | 婷婷在线网 | 欧美大片大片播放网站 | 1717she永久精品免费 | 免费无遮h在线网站大全 | 久久久9999久久精品小说 | 亚洲免费在线视频观看 | 一级全黄色毛片 | 日韩欧美精品中文字幕 | 青青国产成人久久91 | 亚洲一区二区三区网站 | 国产在线精品成人一区二区三区 | 日韩在线观看一区二区不卡视频 | 久久精品第一页 | 日日爱669| 亚洲国产成人久久综合一 | 免费看片的网址 | 黑人操日本人视频 | 黄色三级a | 一级香蕉视频 | 国亚洲欧美日韩精品 | 亚洲网址 | 亚洲国产成人在线视频 | caoporm国产精品视频免费 | 欧美香蕉在线 |