javascript 類數組對象
原文：https://segmentfault.com/a/1190000000415572
定義：
- 擁有length屬性，其他屬性（索引）為非負整數（對象中的所有會被當做字符串來處理，這里你可以當做是個非負整數串來理解）
- 不具有數組所具有的方法
類數組示例：
var a = {'1':'gg','2':'love','4':'meimei',length:5};
Array.prototype.join.call(a,'+');//'+gg+love++meimei'
非類數組示例：
var c = {'1':2};
沒有length屬性，所以就不是類數組。
javascript中常見的類數組有arguments對象和DOM方法的返回結果。
比如 document.getElementsByTagName()。
類數組判斷
《javascript權威指南》上給出了代碼用來判斷一個對象是否屬於“類數組”。如下：
// Determine if o is an array-like object.
// Strings and functions have numeric length properties, but are
// excluded by the typeof test. In client-side JavaScript, DOM text
// nodes have a numeric length property, and may need to be excluded
// with an additional o.nodeType != 3 test.
function isArrayLike(o) {
if (o && // o is not null, undefined, etc.
typeof o === 'object' && // o is an object
isFinite(o.length) && // o.length is a finite number
o.length >= 0 && // o.length is non-negative
o.length===Math.floor(o.length) && // o.length is an integer
o.length < 4294967296) // o.length < 2^32
return true; // Then o is array-like
else
return false; // Otherwise it is not
}
類數組表現
之所以成為“類數組”，就是因為和“數組”類似。不能直接使用數組方法，但你可以像使用數組那樣，使用類數組。
var a = {'0':'a', '1':'b', '2':'c', length:3}; // An array-like object
Array.prototype.join.call(a, '+''); // => 'a+b+c'
Array.prototype.slice.call(a, 0); // => ['a','b','c']: true array copy
Array.prototype.map.call(a, function(x) {
return x.toUpperCase();
}); // => ['A','B','C']:
類數組對象轉化為數組
有時候處理類數組對象的最好方法是將其轉化為數組。
Array.prototype.slice.call(arguments)
然后就可以直接使用數組方法啦。
var a = {'0':1,'1':2,'2':3,length:3}; var arr = Array.prototype.slice.call(a);//arr=[1,2,3]
對於IE9以前的版本(DOM實現基於COM)，我們可以使用makeArray來實現。
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。