js判斷資料型別的方法

2019-12-11 21:41:09

js判斷資料型別常用的有以下三種：

1、typeof：返回型別的字串描述值，如「string」、「object」等。但是，typeof(null)返回object

2、instanceof：判斷型別是否是指定的型別，返回true或者false。與C#的is關鍵字類似

3、$.type()：返回型別的字串描述值，如「string」。但是，$.type(null)返回的是「null」字串

4、對於上面第3項，需要引入jquery才可以使用，同時，$.type()能夠返回更精確的型別

1

開啟任一瀏覽器，新建一個空白頁，即可測試typeof、instanceof兩種。

此處以chrome瀏覽器為例，在瀏覽器介面按F12，進入開發者模式，在【控制台】或者叫做【Console】頁面輸入測試內容即可

2

【typeof】可以返回的型別有以下6種："undefined", "boolean", "number", "string", "object", "function"。演示程式碼如下:

1）typeof a 測試結果："undefined"，當為定義a變數的時候

2）typeof true 測試結果："boolean"

3）typeof 123 測試結果："number"

4）typeof "" 測試結果："string"

5）typeof [1,2] 測試結果："object"

6）typeof function(){} 測試結果："function"

3

【instanceof】通常用於typeof結果為object時，判斷是否是具體制定的型別（注意型別需要大小寫精確），測試如下：

1）陣列型別

var arr = [1, 2, 3];

arr instanceof Array

測試結果：true

2）日期型別

var dt = new Date();

dt instanceof Date

測試結果：true

4

【$.type()】此種方式需要引入jquery才能使用。

此處以開啟百度首頁控制台演示

5

【$.type()】測試如下：

1）$.type() 測試結果："undefined"

2）$.type(true) 測試結果："boolean"

3）$.type(123) 測試結果："number"

4）$.type("") 測試結果："string"

5）$.type([1,2]) 測試結果："array"

6）$.type(function(){}) 測試結果："function"

6

【$.type()】、【typeof】一部分返回結果的差別，此處接著上一步演示：

1）null：$.type(null) = "null"，typeof null = "object"

2）date型別：$.type(new Date()) = "date"，typeof(new Date()) = "object"

3）array型別：$.type([1, 2]) = "array"，typeof([1, 2]) = "object"

js判斷資料型別的方法

1

2

3

4

5

6

熱門文章