寫(xiě)在開(kāi)篇：

昨天面試發(fā)現(xiàn)一個(gè)十分非常簡(jiǎn)單的問(wèn)題竟然沒(méi)有回答上來(lái)，可能也確實(shí)是因?yàn)樘o張了，感覺(jué)被自己蠢哭了。后來(lái)想想還是應(yīng)該認(rèn)真記錄一下，這樣才能印象深刻。革命尚未成功，壯實(shí)仍需努力！

1. js六大數(shù)據(jù)類(lèi)型

number：數(shù)字，整數(shù)、浮點(diǎn)數(shù)等等，

string：?jiǎn)我?hào)或者雙引號(hào)來(lái)說(shuō)明，

Boolean：返回true和false，這兩個(gè)值不一定對(duì)應(yīng)1和0

object：對(duì)象，可以執(zhí)行new操作符后跟要?jiǎng)?chuàng)建的對(duì)象類(lèi)型的名稱(chēng)來(lái)創(chuàng)建。

null：只有一個(gè)值得數(shù)據(jù)類(lèi)型，邏輯上講，null值表示一個(gè)空對(duì)象指針。

undefined：未定義，使用var聲明變量但未對(duì)其初始化時(shí)，變量的值就是undefined。

2. 數(shù)據(jù)類(lèi)型判斷之typeof

typeof可以解決大部分?jǐn)?shù)據(jù)類(lèi)型的判斷，其返回值為一個(gè)字符串，該字符串說(shuō)明運(yùn)算數(shù)的類(lèi)型。

//判斷變量num是不是一個(gè)數(shù)字類(lèi)型
if(typeof num=='number') {
  return true;
}

返回結(jié)果：

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除了可以判斷數(shù)據(jù)類(lèi)型還可以判斷function類(lèi)型

除了string、number、boolean、undefined這四個(gè)類(lèi)型外，null、object、array返回的都是object類(lèi)型?。?！

對(duì)于函數(shù)類(lèi)型返回的則是function，再比如typeof(Date)，typeof(eval)等。

3. js判斷數(shù)組類(lèi)型的方法

1) instanceof

instanceof 用于判斷一個(gè)變量是否某個(gè)對(duì)象的實(shí)例，是一個(gè)三目運(yùn)算式。這個(gè)操作符和JavaScript中面向?qū)ο笥悬c(diǎn)關(guān)系，了解這個(gè)就先得了解JavaScript中的面向?qū)ο?。因?yàn)檫@個(gè)操作符是檢測(cè)對(duì)象的原型鏈?zhǔn)欠裰赶驑?gòu)造函數(shù)的prototype對(duì)象的。

a instanceof b?alert("true"):alert("false") 
//注意b值是你想要判斷的那種數(shù)據(jù)類(lèi)型，是不是一個(gè)字符串，比如Array

例子：

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

2) constructor

在W3C定義中的定義：constructor 屬性返回對(duì)創(chuàng)建此對(duì)象的數(shù)組函數(shù)的引用

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

判斷各種類(lèi)型的方法是：

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() 來(lái)判斷，目的就是準(zhǔn)確地檢測(cè)一個(gè)值是否為數(shù)組。IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都實(shí)現(xiàn)了這個(gè)方法。但是在IE8之前的版本是不支持的。

function isArray(object){
  return object && typeof object==='object' &&  
      typeof object.length==='number' && 
      typeof object.splice==='function' &&  
       //判斷l(xiāng)ength屬性是否是可枚舉的 對(duì)于數(shù)組 將得到false 
      !(object.propertyIsEnumerable('length'));
}

4) Object.prototype.toString.call

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

以上這篇淺談js數(shù)據(jù)類(lèi)型判斷與數(shù)組判斷就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論