首頁 > web前端 > js教程 > 主體

JavaScript中的資料型別有幾種?如何判斷JavaScript中的資料類型

云罗郡主
發布: 2018-10-29 14:33:10
轉載
1655 人瀏覽過

JavaScript中的資料型別有幾種?我相信有很多剛接觸JavaScript的朋友都會有這樣的疑問。本章就跟大家介紹JavaScript中的資料型別有幾種?如何判斷JavaScript中的資料型別。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

如何判斷JavaScript中的資料型別?我們可以用到以下幾種方法:typeof、instanceof、 constructor、 prototype方法

如何判斷js中的型別呢,先舉幾個例子:

var a = "iamstring.";
var b = 222;
var c= [1,2,3];
var d = new Date();
var e = function(){alert(111);};
var f = function(){this.name="22";};
登入後複製

1、最常見的判斷方法:typeof()方法

alert(typeof a)   ------------> string
alert(typeof b)   ------------> number
alert(typeof c)   ------------> object
alert(typeof d)   ------------> object
alert(typeof e)   ------------> function
alert(typeof f)   ------------> function
登入後複製

其中typeof傳回的型別都是字串形式,需注意,例如:

alert(typeof a == "string") -------------> true
alert(typeof a == String) ---------------> false
登入後複製

另外typeof 可以判斷function的型別;在判斷除Object型別的對象時比較方便。

2、判斷已知物件類型的方法: instanceof

alert(c instanceof Array) ---------------> true
alert(d instanceof Date)
alert(f instanceof Function) ------------> true
alert(f instanceof function) ------------> false
登入後複製

注意:instanceof 後面一定要是物件類型,且大小寫不能錯,該方法適合一些條件選擇或分支。

3、根據物件的constructor判斷: constructor

alert(c.constructor == Array) ----------> true
alert(d.constructor == Date) -----------> true
alert(e.constructor == Function) -------> true
登入後複製

注意: constructor 在類別繼承時會出錯

舉例:

function A(){};
function B(){};
A.prototype = new B(); //A继承自B
var aObj = new A();
alert(aobj.constructor === B) -----------> true;
alert(aobj.constructor === A) -----------> false;
登入後複製

而instanceof方法不會出現該問題,物件直接繼承和間接繼承的都會報true:

alert(aobj instanceof B) ----------------> true;
alert(aobj instanceof B) ----------------> true;
登入後複製

言歸正傳,解決construtor的問題通常是讓物件的constructor手動指向自己:

aobj.constructor = A; //将自己的类赋值给对象的constructor属性
alert(aobj.constructor === A) -----------> true;
alert(aobj.constructor === B) -----------> false; //基类不会报true了;
登入後複製

4、通用但很繁瑣的方法: prototype

alert(Object.prototype.toString.call(a) === ‘[object String]’) -------> true;
alert(Object.prototype.toString.call(b) === ‘[object Number]’) -------> true;
alert(Object.prototype.toString.call(c) === ‘[object Array]’) -------> true;
alert(Object.prototype.toString.call(d) === ‘[object Date]’) -------> true;
alert(Object.prototype.toString.call(e) === ‘[object Function]’) -------> true;
alert(Object.prototype.toString.call(f) === ‘[object Function]’) -------> true;
登入後複製

大小寫不能寫錯,比較麻煩,但勝在通用。

通常情況下用typeof 判斷就可以了,遇到預知Object類型的情況可以選用instanceof或constructor方法。

以上就是對JavaScript中的資料型別有幾種?如何判斷JavaScript中的資料類型的完整介紹,如果您想了解更多有關JavaScript影片教學,請關注PHP中文網。


以上是JavaScript中的資料型別有幾種?如何判斷JavaScript中的資料類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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