1. 程式人生 > >js資料型別判斷和陣列判斷

js資料型別判斷和陣列判斷

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

1. js六大資料型別

number:數字,整數、浮點數等等,
string:單引號或者雙引號來說明,
Boolean:返回truefalse,這兩個值不一定對應10
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 屬性返回對建立此物件的陣列函式的引用

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);

通用的方法:

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

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

function isArray(object){
    return  object && typeof object==='object' &&    
            typeof object.length==='number' &&  
            typeof object.splice==='function' &&    
             //判斷length屬性是否是可列舉的 對於陣列 將得到false  
            !(object.propertyIsEnumerable('length'));
}

4) Object.prototype.toString.call

Object.prototype.toString.call(value) == '[object Array]'