首頁  >  文章  >  web前端  >  JavaScript實作資料型別以及陣列的判斷方法詳解

JavaScript實作資料型別以及陣列的判斷方法詳解

韦小宝
韦小宝原創
2018-03-14 18:39:031260瀏覽

這篇文章講述了JavaScript如何實作資料型別以及陣列的判斷大家對JavaScript實作資料型別以及陣列的判斷不了解的話或是對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判斷是否為ie瀏覽器

JS判斷數組詳細介紹

以上是JavaScript實作資料型別以及陣列的判斷方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn