淺談js資料型別判斷與陣列判斷

寫在開頭：

昨天面試發現一個十分非常簡單的問題竟然沒有回答上來，可能也確實是因為太緊張了，感覺被自己蠢哭了。後來想想還是應該認真記錄一下，這樣才能印象深刻。革命尚未成功，壯實仍需努力！

1. js六大資料型別

number：數字，整數、浮點數等等，

string：單引號或雙引號來說明，

Boolean：回傳true和false，這兩個值對應1和0

object：對象，可以執行new操作符後跟要建立的對象類型的名稱來建立。

null：只有一個值得資料類型，邏輯上講，null值表示一個空物件指標。

undefined：未定義，使用var宣告變數但未對其初始化時，變數的值就是undefined。

2. 資料型態判斷之typeof

typeof可以解決大部分資料型別的判斷，其傳回值為一個字串，該字串說明運算數的型別。

//判断变量num是不是一个数字类型
if(typeof num=='number') {
  return true;
}

回傳結果：

var a="hling"; console.log(a); //string
var a=1; console.log(a); //number
var a=false; console.log(a); //boolean
var a; console.log(typeof a); //undfined
 
var a = null; console.log(typeof a); //object
var a = document; console.log(typeof a); //object
var a = []; console.log(a); //object
 
var a = function(){}; console.log(typeof a)
//function除了可以判断数据类型还可以判断function类型

除了string、number、boolean、undefined這四種型別外，null、object、array回傳的都是object型別！ ！ ！

對於函數型別回傳的則是function，再如typeof(Date)，typeof(eval)等。

3. js判斷陣列類型的方法

1) instanceof

instanceof 用來判斷一個變數是否某個物件的實例，是一個三目運算式。這個操作符和JavaScript中物件導向有點關係，了解這個就先得了解JavaScript中的物件導向。因為這個操作符是檢測物件的原型鍊是否指向建構函數的prototype物件的。

a instanceof b?alert("true"):alert("false")
//注意b值是你想要判断的那种数据类型，是不是一个字符串，比如Array

範例：

var arr = [1,2,3,1];
alert(arr instanceof Array); // true

2) constructor

在W3C定義中的定義：constructor 屬性傳回對建立此物件的數個群組的參考

reee

var arr = [];
arr instanceof Array; // true
arr.constructor == Array; //true

通用的方法：

console.log("string".constructor == String);
console.log((123).constructor == Number);
console.log(false.constructor == Boolean);
console.log([].constructor == Array);
console.log({}.constructor == Object);

3) 特性判斷 

object.isArray() 來判斷，目的就是要準確地偵測一個值是否為陣列。 IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都實作了這個方法。但是在IE8之前的版本是不支援的。

function isArray(object){
  return object && typeof object==='object' &&
      Array == object.constructor;
}

4) Object.prototype.toString.call

function isArray(object){
  return object && typeof object==='object' && 
      typeof object.length==='number' &&
      typeof object.splice==='function' && 
       //判断length属性是否是可枚举的 对于数组 将得到false
      !(object.propertyIsEnumerable('length'));
}

以上這篇淺談js資料型態判斷與陣列判斷就是小編分享給大家的全部內容了，希望能給大家一個參考，也能給大家一個參考，也希望大家多多支持PHP中文網路。

更多淺談js資料類型判斷與陣列判斷相關文章請關注PHP中文網！