Rumah > hujung hadapan web > tutorial js > JavaScript中的数据类型有几种?如何判断JavaScript中的数据类型

JavaScript中的数据类型有几种?如何判断JavaScript中的数据类型

云罗郡主
Lepaskan: 2018-10-29 14:33:10
ke hadapan
1765 orang telah melayarinya

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";};
Salin selepas log masuk

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
Salin selepas log masuk

其中typeof返回的类型都是字符串形式,需注意,例如:

alert(typeof a == "string") -------------> true
alert(typeof a == String) ---------------> false
Salin selepas log masuk

另外typeof 可以判断function的类型;在判断除Object类型的对象时比较方便。

2、判断已知对象类型的方法: instanceof

alert(c instanceof Array) ---------------> true
alert(d instanceof Date)
alert(f instanceof Function) ------------> true
alert(f instanceof function) ------------> false
Salin selepas log masuk

注意:instanceof 后面一定要是对象类型,并且大小写不能错,该方法适合一些条件选择或分支。

3、根据对象的constructor判断: constructor

alert(c.constructor == Array) ----------> true
alert(d.constructor == Date) -----------> true
alert(e.constructor == Function) -------> true
Salin selepas log masuk

注意: 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;
Salin selepas log masuk

而instanceof方法不会出现该问题,对象直接继承和间接继承的都会报true:

alert(aobj instanceof B) ----------------> true;
alert(aobj instanceof B) ----------------> true;
Salin selepas log masuk

言归正传,解决construtor的问题通常是让对象的constructor手动指向自己:

aobj.constructor = A; //将自己的类赋值给对象的constructor属性
alert(aobj.constructor === A) -----------> true;
alert(aobj.constructor === B) -----------> false; //基类不会报true了;
Salin selepas log masuk

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;
Salin selepas log masuk

大小写不能写错,比较麻烦,但胜在通用。

通常情况下用typeof 判断就可以了,遇到预知Object类型的情况可以选用instanceof或constructor方法。

以上就是对JavaScript中的数据类型有几种?如何判断JavaScript中的数据类型的全部介绍,如果您想了解更多有关JavaScript视频教程,请关注PHP中文网。


Atas ialah kandungan terperinci JavaScript中的数据类型有几种?如何判断JavaScript中的数据类型. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan