JavaScript中判斷數(shù)據(jù)類型的方法總結(jié)
JavaScript 的數(shù)據(jù)類型
- string:字符串
- number:數(shù)字
- boolean:布爾值
- undefined:未定義
- null:空值
- object:對象(包括數(shù)組和函數(shù))
- symbol:符號,獨(dú)一無二的值(ES6新增)
一、typeof的缺陷
typeof 可以判斷 string、number、boolean、undefined、symbol、function 等類型,不可以判斷 null、object 類型。
var str = "Hello";
var num = 123;
var bool = true;
var undf;
var nl = null;
var obj = {name: "John", age: 25};
var arr = [1, 2, 3];
var func = function() {};
var sym = Symbol("mySymbol");
console.log(typeof str); // 輸出:string
console.log(typeof num); // 輸出:number
console.log(typeof bool); // 輸出:boolean
console.log(typeof undf); // 輸出:undefined
console.log(typeof nl); // 輸出:object
console.log(typeof obj); // 輸出:object
console.log(typeof arr); // 輸出:object
console.log(typeof func); // 輸出:function
console.log(typeof sym); // 輸出:symbol注意:typeof 無法區(qū)分 null、Object、Array。typeof 判斷這三種類型返回都是 'object'。
二、判斷是否為數(shù)組
方法1
使用 instanceof 可以判斷數(shù)據(jù)是否為數(shù)組。
[] instanceof Array // true
需要注意的是, instanceof 不可以用來判斷是否為對象類型,因?yàn)閿?shù)組也是對象。
[] instanceof Object // true
{} instanceof Object // true方法2
constructor 也可以判斷是否為數(shù)組。
[].constructor === Array // true
方法3
Object.prototype.toString.call() 可以獲取到對象的各種類型。
Object.prototype.toString.call([]) === '[object Array]' // true
Object.prototype.toString.call({}) === '[object Object]' // true此方法還可以用來判斷是否為 promise 對象。
let obj = new Promise() Object.prototype.toString.call(obj) === '[object Promise]' // true
方法4
使用數(shù)組的 isArray() 方法判斷。
Array.isArray([]) // true
方法5
Object.getPrototypeOf(val) === Array.prototype // true
三、判斷是否為對象
方法1(推薦)
Object.prototype.toString.call() 可以獲取到對象的各種類型。
Object.prototype.toString.call({}) === '[object Object]' // true方法2
Object.getPrototypeOf(val) === Object.prototype // true
到此這篇關(guān)于JavaScript中判斷數(shù)據(jù)類型的方法總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript判斷數(shù)據(jù)類型內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
前端JavaScript實(shí)現(xiàn)大數(shù)據(jù)前后模糊搜索的方法詳解
這篇文章主要為大家詳細(xì)介紹了前端JavaScript實(shí)現(xiàn)大數(shù)據(jù)前后模糊搜索的四個(gè)常見方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2023-12-12
JavaScript判斷數(shù)組是否存在key的簡單實(shí)例
下面小編就為大家?guī)硪黄狫avaScript判斷數(shù)組是否存在key的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
javascript制作坦克大戰(zhàn)全紀(jì)錄(2)
上文我們簡單的完成了坦克大戰(zhàn)的雛形,本文我們來繼續(xù)完善坦克大戰(zhàn),接下來我們來學(xué)習(xí)制作地圖和碰撞檢測方面的問題。2014-11-11
cocos2dx+lua實(shí)現(xiàn)橡皮擦功能
這篇文章主要為大家詳細(xì)介紹了cocos2dx+lua實(shí)現(xiàn)橡皮擦功能,類似刮刮樂效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12
快速解決js中window.location.href不工作的問題
下面小編就為大家?guī)硪黄焖俳鉀Qjs中window.location.href不工作的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
js立即執(zhí)行函數(shù): (function ( ){})( ) 與 (function ( ){}( )) 有什么區(qū)別?
這篇文章主要介紹了js立即執(zhí)行函數(shù): (function ( ){})( ) 與 (function ( ){}( )) 有什么區(qū)別,需要的朋友可以參考下2015-11-11
微信小程序自定義頭部導(dǎo)航欄和導(dǎo)航欄背景圖片 navigationStyle問題
這篇文章主要介紹了微信小程序 自定義頭部導(dǎo)航欄和導(dǎo)航欄背景圖片 navigationStyle功能,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-07
JavaScript實(shí)現(xiàn)的內(nèi)存數(shù)據(jù)庫LokiJS介紹和入門實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的內(nèi)存數(shù)據(jù)庫LokiJS介紹和入門實(shí)例,LokiJS是一個(gè)內(nèi)存數(shù)據(jù)庫,將性能考慮放在第一位,使用JavaScript編寫,需要的朋友可以參考下2014-11-11

