首頁  >  文章  >  web前端  >  JavaScript中的資料型別有幾種?如何判斷JavaScript中的資料類型

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

云罗郡主
云罗郡主轉載
2018-10-29 14:30:351638瀏覽

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刪除