DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺談js數據類型判斷與數組判斷
淺談js數據類型判斷與數組判斷
編輯:關於JavaScript     

寫在開篇:

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

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 屬性返回對創建此對象的數組函數的引用

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]'

以上這篇淺談js數據類型判斷與數組判斷就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved