溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
如何在JavaScript中區(qū)分Object與Aarry？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。
一、經(jīng)常遇見的問題：
JS中判斷一個對象的類型時，通常使用typeof，這時候問題就來了，因為typeof()辨別數(shù)組的時候返回的是object,所以JS中判斷一個對象是不是數(shù)組需要一些特殊的處理方式
二、開門見山
開發(fā)中要判斷一個對象是不是數(shù)組，推薦使用下面這個函數(shù)：
function isArray(obj){
if(Array.isArray){
return Array.isArray(obj);
}else{
return Object.prototype.toString.call(obj)==="[object Array]";
}
}上面這個函數(shù)是方便急于解決問題的人，下面我將具體述說六種方法，因為可能面試的時候考官需要一個知識全面的你；
三、六種方案詳解：
（1）方法一：利用toString方法
通過調(diào)用toString( )方法試著將該變量轉(zhuǎn)化為代表其類型的string。該方法對于真正的array可行；參數(shù)對象轉(zhuǎn)化為string時
返回[object Arguments]會轉(zhuǎn)化失敗；此外， 對于含有數(shù)字長度屬性的object類也會轉(zhuǎn)化失敗。
方法如下：
<!DOCTYPE html>
<html>
<head>
<title>Array的判斷方法</title>
<meta charset="utf-8"/>
<script>
function isArrayOne(arr){
return <span >Object.prototype.toString.call(arr) === "[object Array]";</span>
}
var obj = {"k1":"v1"};
var arr = [1,2];
console.log("對象的結(jié)果："+isArrayOne(obj));
console.log("數(shù)組的結(jié)果："+isArrayOne(arr));
</script>
</head>
<body>
</body>
</html>結(jié)果如圖：
注意：推薦使用“===”全等于而不使用“==”等等于，因為效率更高！
（2）方法二：通過isArray：
使用Javascript 1.8.5（ECMAScript 5），變量名字.isArray( )可以實現(xiàn)這個目的，前提是有支持這一函數(shù)，其實isArray就是
方法一的封裝使用。
使用方法十分簡單：
Array.isArray(obj); //obj是待檢測的對象
返回true或false，如果為true則為數(shù)組
（3）方法三：通過instanceof運算符來判斷，
注意：instanceof運算符左邊是子對象（待測對象），右邊是父構(gòu)造函數(shù)（這里是Array），
即：子對象 instanceof 父構(gòu)造函數(shù)
instance: 實例：凡是用new 構(gòu)造函數(shù)()創(chuàng)建出的對象，都稱為是構(gòu)造函數(shù)的實例
扯半天都迷糊了，還是直接看代碼好：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script>
var obj = {"k1":"v1"};
var arr = [1,2];
console.log("Instanceof處理對象的結(jié)果："+(obj instanceof Array));
console.log("Instanceof處理數(shù)組的結(jié)果："+(arr instanceof Array));
</script>
</head>
<body>
</body>
</html>運行結(jié)果如下：
（4）使用isPrototypeOf()函數(shù)
原理：檢測一個對象是否是Array的原型（或處于原型鏈中，不但可檢測直接父對象，還可檢測整個原型鏈上的所有父對象）
使用方法: parent.isPrototypeOf(child)來檢測parent是否為child的原型;
需注意的是isPrototypeOf()函數(shù)實現(xiàn)的功能和instancof運算符非常類似；
具體代碼：
Array.prototype.isPrototypeOf(arr) //true表示是數(shù)組，false不是數(shù)組
（5）利用構(gòu)造函數(shù)constructor
具體代碼：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script>
var obj = {'k':'v'};
var t1 = new Array(1);
var t2 = t1;
console.log(obj.constructor == Array);
console.log(t1.constructor == Array);
console.log(t2.constructor == Array);
</script>
</head>
<body>
</body>
</html>結(jié)果如圖
（6）使用typeof(對象)+類型名結(jié)合判斷：
代碼如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script>
function isArrayFour(arr){
if(typeof(arr)==="object"){
if(arr.concat){
return "This is Array";
}else{
return "This Not Array";
}
}
}
var arr = [1];
var obj = {'k':'v'};
console.log(typeof(arr));
console.log(typeof(obj));
console.log(isArrayFour(arr));
console.log(isArrayFour(obj));
</script>
</head>
<body>
</body>
</html>結(jié)果如下：
這種方法其實有局限性，有的同學可能一下就破解了，那就是要是
要是對象中不巧定義了這屬性怎么辦
var obj = {'concat':'Teast me?'};
看完上述內(nèi)容，你們掌握如何在JavaScript中區(qū)分Object與Aarry的方法了嗎？如果還想學到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼