首頁 > web前端 > js教程 > JavaScript中判斷資料型別的方法總結

JavaScript中判斷資料型別的方法總結

高洛峰
發布: 2017-01-14 10:19:19
原創
1080 人瀏覽過

typeof
typeof用的比較多的時候,是判斷某個全域變數在不在,假如某頁定義了一個全域變數。假如你做以下判斷:

//haorooms是全局变量
if(haorooms!=undefined){
}//js会报错,说"Uncaught ReferenceError: haorooms is not defined"
登入後複製

   

解決的方法是我們如下寫:

if(typeof haorooms!=undefined){
}
登入後複製

用了typeof之後,就不會報錯了!這是typeof的應用之一!

此外,typeof還可以進行資料類型的判斷!如下:

var haorooms="string"; console.log(haorooms); //string
var haorooms=1; console.log(haorooms); //number
var haorooms=false; console.log(haorooms); //boolean
var haorooms; console.log(typeof haorooms); //undfined
 
var haorooms= null; console.log(typeof haorooms); //object
var haorooms = document; console.log(typeof haorooms); //object
var haorooms = []; console.log(haorooms); //object
var haorooms = function(){}; console.log(typeof haorooms) //function  除了可以判断数据类型还可以判断function类型
登入後複製

很明顯,對於typeof,除了前四個類型外,null、物件、陣列傳回的都是object型別;

instanceof
可以用其判斷是否為陣列。

var haorooms=[];
console.log(haorooms instanceof Array) //返回true
登入後複製

constructor
constructor就是傳回物件相對應的建構子。
判斷各種資料型別的方法:

console.log([].constructor == Array);
console.log({}.constructor == Object);
console.log("string".constructor == String);
console.log((123).constructor == Number);
console.log(true.constructor == Boolean);
 
function employee(name,job,born){
  this.name=name;
  this.job=job;
  this.born=born; }
 
var haorooms=new employee("Bill Gates","Engineer",1985);
console.log(haorooms.constructor); //输出function employee(name, jobtitle, born){this.name = name; this.jobtitle = job; this.born = born;}
登入後複製

透過輸出haorooms.constructor,可以看出constructor就是傳回物件相對應的建構子。

Object.prototype.toString
前面我們提到了可以運用constructor 屬性來判定物件類型,讓我們再來講說Object.protype.toString 這個方法

Object.prototype.toString.apply({}) // "[object Object]"
Object.prototype.toString.apply([]) // "[object Array]"
Object.prototype.toString.apply(NaN)// "[object Number]"
Object.prototype.toString.apply(function(){}) // "[object Function]"
登入後複製

運用判斷這種方式我們可以正確的一個變數的變數基本型態,但是如果是自訂類型的話,卻無法得知真正的類型,因為結果依然會是[object Object]

其他
jQuery 也有類型判斷的方法,下面是一例

$.isWindow(window) // true
登入後複製

怎麼做的呢

core.js#479
isWindow: function( obj ) {
  return obj != null && obj == obj.window;
}
登入後複製

所以開一個這樣的Object:

var fakeWindow;
fakeWindow = {};
fakeWindow.window = fakeWindow;
$.isWindow(fakeWindow) // true
登入後複製

你就騙過他了。

小結
在JavaScript 中要正確判斷類型,當仔細去鑽研的時候,真是一件麻煩事,根據不同的情境去設計你的判斷式是相當重要的,我們也必須要去思考如何用最簡潔的方式判斷正確的類型,當然這篇還有很多地方沒有介紹到,例如 isPrototypeOf 這個方法,JavaScript 是一個有許多歷史包袱的語言,但也是不斷的在進步,運用它的時候,要注意,有太多的方式是雙面刃,切記要小心運用。

更多JavaScript中判斷資料類型的方法總結相關文章請注意PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板