日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

[[169454]]

創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站建設(shè)、網(wǎng)站制作網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元田東做網(wǎng)站,已為上家服務(wù),為田東各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

如果你沒有注意過這個問題，那么這個標(biāo)題應(yīng)該會讓你感到困惑，判斷數(shù)據(jù)類型這么基礎(chǔ)的問題能有什么坑呢?

少年，你不能太天真了，我們朝夕面對的這門語言，可是JavaScript呀，任何你覺得已經(jīng)習(xí)以為常的東西都可能瞬間轉(zhuǎn)化成一個大坑，令人百思不得其解。

但是正是因為同樣的原因，我們可以在學(xué)習(xí)和使用JavaScript這門語言的時候提出和討論一些這門語言獨有的，十分有趣的問題。比如我們今天要討論的，在JavaScript當(dāng)中如何判斷一個數(shù)組是數(shù)組。

JavaScript有五種方法可以確定一個值到底是什么類型，分別是typeof運算符，constructor法，instanceof運算符，Object.prototype.toString方法以及Array.isArray法.

1.用typeof運算法來判斷

typeof是javascript原生提供的判斷數(shù)據(jù)類型的運算符，它會返回一個表示參數(shù)的數(shù)據(jù)類型的字符串，例如：

 
 
  
  
const s = 'hello'; 
  
  
 
  
  
console.log(typeof(s))//String 
 

以下是我在MDN的文檔中找到的一張包含typeof運算法的針對不同參數(shù)的輸出結(jié)果的表格：

[[169455]]

 從這張表格可以看出，數(shù)組被歸到了Any other object當(dāng)中，所以typeof返回的結(jié)果應(yīng)該是Object，并沒有辦法區(qū)分數(shù)組，對象，null等原型鏈上都有Object的數(shù)據(jù)類型。

 
 
  
  
const a = null; 
  
  
 
  
  
const b = {}; 
  
  
 
  
  
const c= []; 
  
  
 
  
  
console.log(typeof(a)); //Object 
  
  
 
  
  
console.log(typeof(b)); //Object 
  
  
 
  
  
console.log(typeof(c)); //Object 
 

運行上面的代碼就會發(fā)現(xiàn)，在參數(shù)為數(shù)組，對象或者null時，typeof返回的結(jié)果都是object，可以使用這種方法并不能識別出數(shù)組，因此，在JavaScript項目中用typeof來判斷一個位置類型的數(shù)據(jù)是否為數(shù)組，是非常不靠譜的。

2.用instanceof判斷

既然typeof無法用于判斷數(shù)組是否為數(shù)組，那么用instance運算符來判斷是否可行呢?要回答這個問題，我們首先得了解instanceof運算法是干嘛用的。

instanceof運算符可以用來判斷某個構(gòu)造函數(shù)的prototype屬性所指向的對象是否存在于另外一個要檢測對象的原型鏈上。在使用的時候語法如下：

 
 
  
  
object instanceof constructor 
 

用我的理解來說，就是要判斷一個Object是不是數(shù)組(這里不是口誤，在JavaScript當(dāng)中，數(shù)組實際上也是一種對象)，如果這個 Object的原型鏈上能夠找到Array構(gòu)造函數(shù)的話，那么這個Object應(yīng)該及就是一個數(shù)組，如果這個Object的原型鏈上只能找到Object 構(gòu)造函數(shù)的話，那么它就不是一個數(shù)組。

 
 
  
  
const a = []; 
  
  
 
  
  
const b = {}; 
  
  
 
  
  
console.log(a instanceof Array);//true 
  
  
 
  
  
console.log(a instanceof Object);//true,在數(shù)組的原型鏈上也能找到Object構(gòu)造函數(shù) 
  
  
 
  
  
console.log(b instanceof Array);//false 
 

由上面的幾行代碼可以看出，使用instanceof運算符可以分辨數(shù)組和對象，可以判斷數(shù)組是數(shù)組。

3.用constructor判斷

實例化的數(shù)組擁有一個constructor屬性，這個屬性指向生成這個數(shù)組的方法。

 
 
  
  
const a = []; 
  
  
 
  
  
console.log(a.constructor);//function Array(){ [native code] } 
 

以上的代碼說明，數(shù)組是有一個叫Array的函數(shù)實例化的。

如果被判斷的對象是其他的數(shù)據(jù)類型的話，結(jié)果如下：

 
 
  
  
const o = {}; 
  
  
 
  
  
console.log(o.constructor);//function Object(){ [native code] } 
  
  
 
  
  
const r = /^[0-9]$/; 
  
  
 
  
  
console.log(r.constructor);//function RegExp() { [native code] } 
  
  
 
  
  
const n = null; 
  
  
 
  
  
console.log(n.constructor);//報錯 
 

看到這里，你可能會覺得這也是一種靠譜的判斷數(shù)組的方法，我們可以用以下的方式來判斷:

 
 
  
  
const a = []; 
  
  
 
  
  
console.log(a.constructor == Array);//true 
 

但是，很遺憾的通知你，constructor屬性是可以改寫的，如果你一不小心作死改了constructor屬性的話，那么使用這種方法就無法判斷出數(shù)組的真是身份了，寫到這里，我不禁想起了無間道的那段經(jīng)典對白，梁朝偉：“對不起，我是警察?！眲⒌氯A：“誰知道呢?”。

 
 
  
  
//定義一個數(shù)組 
  
  
 
  
  
const a = []; 
  
  
 
  
  
//作死將constructor屬性改成了別的 
  
  
 
  
  
a.contrtuctor = Object; 
  
  
 
  
  
console.log(a.constructor == Array);//false (哭臉) 
  
  
 
  
  
console.log(a.constructor == Object);//true (哭臉) 
  
  
 
  
  
console.log(a instanceof Array);//true (instanceof火眼金睛) 
 

可以看出，constructor屬性被修改之后，就無法用這個方法判斷數(shù)組是數(shù)組了，除非你能保證不會發(fā)生constructor屬性被改寫的情況，否則用這種方法來判斷數(shù)組也是不靠譜的。

4.用Object的toString方法判斷

另一個行之有效的方法就是使用Object.prototype.toString方法來判斷，每一個繼承自O(shè)bject的對象都擁有toString的方法。

如果一個對象的toString方法沒有被重寫過的話，那么toString方法將會返回"[object type]"，其中的type代表的是對象的類型，根據(jù)type的值，我們就可以判斷這個疑似數(shù)組的對象到底是不是數(shù)組了。

你可能會糾結(jié)，為什么不是直接調(diào)用數(shù)組，或則字符串自己的的toString方法呢?我們試一試就知道了。

 
 
  
  
const a = ['Hello','Howard']; 
  
  
 
  
  
const b = {0:'Hello',1:'Howard'}; 
  
  
 
  
  
const c = 'Hello Howard'; 
  
  
 
  
  
a.toString();//"Hello,Howard" 
  
  
 
  
  
b.toString();//"[object Object]" 
  
  
 
  
  
c.toString();//"Hello,Howard" 
 

從上面的代碼可以看出，除了對象之外，其他的數(shù)據(jù)類型的toString返回的都是內(nèi)容的字符創(chuàng)，只有對象的toString方法會返回對象的類型。所以要判斷除了對象之外的數(shù)據(jù)的數(shù)據(jù)類型，我們需要“借用”對象的toString方法，所以我們需要使用call或者apply方法來改變 toString方法的執(zhí)行上下文。

 
 
  
  
const a = ['Hello','Howard']; 
  
  
 
  
  
const b = {0:'Hello',1:'Howard'}; 
  
  
 
  
  
const c = 'Hello Howard'; 
  
  
 
  
  
Object.prototype.toString.call(a);//"[object Array]" 
  
  
 
  
  
Object.prototype.toString.call(b);//"[object Object]" 
  
  
 
  
  
Object.prototype.toString.call(c);//"[object String]" 
 

使用apply方法也能達到同樣的效果：

 
 
  
  
const a = ['Hello','Howard']; 
  
  
 
  
  
const b = {0:'Hello',1:'Howard'}; 
  
  
 
  
  
const c = 'Hello Howard'; 
  
  
 
  
  
Object.prototype.toString.apply(a);//"[object Array]" 
  
  
 
  
  
Object.prototype.toString.apply(b);//"[object Object]" 
  
  
 
  
  
Object.prototype.toString.apply(c);//"[object String]" 
 

總結(jié)一下，我們就可以用寫一個方法來判斷數(shù)組是否為數(shù)組：

 
 
  
  
const isArray = (something)=>{ 
  
  
 
  
  
return Object.prototype.toString.call(something) === '[object Array]'; 
  
  
 
  
  
} 
  
  
 
  
  
cosnt a = []; 
  
  
 
  
  
const b = []; 
  
  
 
  
  
isArray(a);//true 
  
  
 
  
  
isArray(b);//false 
 

但是，如果你非要在創(chuàng)建這個方法之前這么來一下，改變了Object原型鏈上的toString方法，那我真心幫不了你了...

 
 
  
  
//重寫了toString方法 
  
  
 
  
  
Object.prototype.toString = () => { 
  
  
 
  
  
alert('你吃過了么?'); 
  
  
 
  
  
} 
  
  
 
  
  
//調(diào)用String方法 
  
  
 
  
  
const a = []; 
  
  
 
  
  
Object.prototype.toString.call(a);//彈框問你吃過飯沒有 
 

當(dāng)然了，只有在瀏覽器當(dāng)中才能看到alert彈框，這個我就不解釋了。

5.用Array對象的isArray方法判斷

為什么把這種方法放在***講呢?因為它是我目前遇到過的最靠譜的判斷數(shù)組的方法了，當(dāng)參數(shù)為數(shù)組的時候，isArray方法返回true，當(dāng)參數(shù)不為數(shù)組的時候，isArray方法返回false。

 
 
  
  
const a = []; 
  
  
 
  
  
const b = {}; 
  
  
 
  
  
Array.isArray(a);//true 
  
  
 
  
  
Array.isArray(b);//false 
 

我試著在調(diào)用這個方法之前重寫了Object.prototype.toString方法：

 
 
  
  
Object.prototype.toString = ()=>{ 
  
  
 
  
  
console.log('Hello Howard'); 
  
  
 
  
  
} 
  
  
 
  
  
const a = []; 
  
  
 
  
  
Array.isArray(a);//true 
 

并不影響判斷的結(jié)果。

我又試著修改了constructor對象：

 
 
  
  
const a = []; 
  
  
 
  
  
const b = {}; 
  
  
 
  
  
a.constructor = b.constructor; 
  
  
 
  
  
Array.isArray(a);//true 
 

OK，還是不影響判斷的結(jié)果。

可見，它與instance運算符判斷的方法以及Object.prototype.toString法并不相同，一些列的修改并沒有影響到判斷的結(jié)果。

你可以放心大膽的使用Array.isArray去判斷一個對象是不是數(shù)組。

除非你不小心重寫了Array.isArray方法本身。。

網(wǎng)頁題目：在JavaScript中，如何判斷數(shù)組是數(shù)組？(alpha)
分享網(wǎng)址：http://www.5511xx.com/article/djpddii.html