js數據類型和判斷數據類型的方法

whidy 發布于2019-08-02 15:13 / 3236人閱讀

摘要：基本數據類型引用類型判斷數據類型的方法判斷中的數據類型有一下幾種方法接下來主要比較一下這幾種方法的異同。通常情況下用判斷就可以了，遇到預知類型的情況可以選用或方法實在沒轍就使用方法。

基本數據類型：String、Number、Boolean、Symbol、undefined、Null
引用類型：Object Array Function

判斷數據類型的方法：

判斷js中的數據類型有一下幾種方法：typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下來主要比較一下這幾種方法的異同。

先舉幾個例子：

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

instanceof原理：
instanceof 檢測一個對象A是不是另一個對象B的實例的原理是：查看對象B的prototype指向的對象是否在對象A的[[prototype]]鏈上。如果在，則返回true,如果不在則返回false。不過有一個特殊的情況，當對象B的prototype為null將會報錯(類似于空指針異常)。

alert(c instanceof Array) ---------------> true
alert(d instanceof Date)
alert(f instanceof Function) ------------> true
alert(f instanceof function) ------------> false

3、根據對象的constructor判斷：constructor

alert(c.constructor === Array) ----------> true
alert(d.constructor === Date) -----------> true
alert(e.constructor === Function) -------> true
注意： constructor 在類繼承時會出錯
eg：
      function A(){};
      function B(){};
      A.prototype = new B(); //A繼承自B
      var aObj = new A();
      alert(aobj.constructor === B) -----------> true;
      alert(aobj.constructor === A) -----------> false;
      言歸正傳，解決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;
大小寫不能寫錯，比較麻煩，但勝在通用。

5、無敵萬能方法 jquery.type()

如果對象是undefined或null，則返回相應的“undefined”或“null”。
jQuery.type( undefined ) === "undefined"
jQuery.type() === "undefined"
jQuery.type( window.notDefined ) === "undefined"
jQuery.type( null ) === "null"
如果對象有一個內部的[[Class]]和一個瀏覽器的內置對象的 [[Class]] 相同，我們返回相應的 [[Class]] 名字。 
jQuery.type( true ) === "boolean"
jQuery.type( 3 ) === "number"
jQuery.type( "test" ) === "string"
jQuery.type( function(){} ) === "function"
jQuery.type( [] ) === "array"
jQuery.type( new Date() ) === "date"
jQuery.type( new Error() ) === "error" // as of jQuery 1.9
jQuery.type( /test/ ) === "regexp"
其他一切都將返回它的類型“object”。

通常情況下用typeof 判斷就可以了，遇到預知Object類型的情況可以選用instanceof或constructor方法,實在沒轍就使用$.type()方法。

云服務器 GPU云服務器 js判斷時間類型的數據類型 js如何判斷類型的數據類型 js判斷輸入類型的數據類型 js怎么判斷類型的數據類型

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53980.html

js中對數據類型的總結及判斷數據類型的各種方法及優缺點

摘要：最常見的判斷方法它的官方解釋操作符返回一個字符串，表示未經計算的操作數的類型。另外，是判斷對象是否屬于某一類型，而不是獲取的對象的類型。多個窗口意味著多個全局環境，不同的全局環境擁有不同的全局對象，從而擁有不同的內置類型構造函數。 js中的數據類型 js中只有六種原始數據類型和一個Object: Boolean Null Undefined Number String Symbol ...

voyagelab 2019-08-22 16:26 評論0 收藏0
js數據類型和判斷數據類型的方法

摘要：基本數據類型引用類型判斷數據類型的方法判斷中的數據類型有一下幾種方法接下來主要比較一下這幾種方法的異同。通常情況下用判斷就可以了，遇到預知類型的情況可以選用或方法實在沒轍就使用方法。基本數據類型：String、Number、Boolean、Symbol、undefined、Null引用類型：Object Array Function 判斷數據類型的方法：判斷js中的數據類型有一...

joyqi 2019-08-23 17:56 評論0 收藏0
原生JS大揭秘—數據類型

摘要：中九個內置對象在規范中定義了六種數據類型其中原始值類型有種，引用類型有種一有包裝對象數值型，包括整形和浮點型其中都是類型二有包裝對象字符串類型，有兩種表示方式，雙引號單引號。方法可以將任意類型數據轉成字符串。 JS中九個內置對象 showImg(https://segmentfault.com/img/bV6iZG?w=481&h=411); 在ECMAScript規范（ES5）中定義...

luck 2019-08-26 11:40 評論0 收藏0
JS 中的類型判斷

摘要：和這三種基本的數據類型，都有對應的引用包裝類型和。應用于引用類型的判斷，所以對于這三類基本類型沒有什么意義。 JS 中的類型判斷 js中的數據類型基本數據類型 undefined、number、string、boolean 引用數據類型 null、Object、Number、String、Boolean、Function、Array、Date、RegExp、Error、Argumen...

ChanceWong 2019-08-20 12:16 評論0 收藏0
分析 JavaScript 的數據類型與變量

摘要：基本數據類型在中，基本數據類型有種，即數值字符串布爾值。兩個布爾值轉為數值進行比較。對于對象和布爾值，調用它們的方法得到對應的字符串值，然后進行字符串相加。減法對于字符串布爾值或者，自動調用，轉換結果若為，那么最終結果為。這篇文章，來聊聊 JS 中的數據類型與變量。這是在學習 JS 時最基礎的一類問題，但卻很重要。希望我的分享有幫助到你。文章開頭，我先提幾個面試中遇到的問題：比如...

Mike617 2019-08-23 13:13 評論0 收藏0