首頁 > web前端 > js教程 > 主體

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

韦小宝
發布: 2018-03-14 18:39:03
原創
1256 人瀏覽過

這篇文章講述了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板