类数组是一类特殊的数据类型存在，他们本身类似Array但是又不能使用Array的方法，他们有一个明显的特点就是含有length属性，而且 键值是以整数有序的排列的。这样的数组可以通过 Array.slice() 这样的方法转换成真正的数组，从而使用Array提供的方法。
常见类数组：arguments，document.forms，document.getElementsByClassName(等一些列节点集合NodeList，HTMLCollection)，或者是一些特殊对象，如下所示：
var arrayLike={ 0:"a", 1:"b", 2:"c", length:3 }
通常情况下通过Array.slice.call既可以转换类数组，但是旧IE的HTMLCollection，NodeList不是Object 的子类，不能使用该方法，这时候需要构建一个空数组，然后将遍历节点push就如空数组中，返回新生成的数组即可，同时要区别出window 和 string对象，因为这类的对象同样含有length>=0（length不可被修改），但是不是类数组。
jQuery如何处理类数组的
makeArray: function( arr, results ) { var ret = results || []; if ( arr != null ) { if ( isArraylike( Object(arr) ) ) { jQuery.merge( ret, typeof arr === "string" ? [ arr ] : arr ); //jQuery.merge 合并数组 ，若是字符串则封装成数组河滨，不是则世界合并 } else { push.call( ret, arr ); } } return ret; }
Ext.js是如何处理类数组的
toArray: function(iterable, start, end) { if (!iterable || !iterable.length) { return []; //非类数组类型直接返回[] } if (typeof iterable === 'string') { iterable = iterable.split(''); //分解字符串 } if (supportsSliceOnNodeList) { return slice.call(iterable, start || 0, end || iterable.length); //对于NodeList支持 } var array = [], i; start = start || 0; end = end ? ((end < 0) ? iterable.length + end : end) : iterable.length; for (i = start; i < end; i++) { array.push(iterable[i]); } return array; }
mass Framework.js是如何处理类数组的
slice: W3C ? function(nodes, start, end) { //var W3C = DOC.dispatchEvent; IE9开始支持W3C的事件模型 return factorys.slice.call(nodes, start, end); } : function(nodes, start, end) { var ret = [], n = nodes.length; if (end === void 0 || typeof end === "number" && isFinite(end)) { start = parseInt(start, 10) || 0; end = end == void 0 ? n : parseInt(end, 10); if (start < 0) { start += n; } if (end > n) { end = n; } if (end < 0) { end += n; } for (var i = start; i < end; ++i) { ret[i - start] = nodes[i]; } } return ret;
以上就是本文的全部内容，希望对大家的学习有所帮助
您可能感兴趣的文章: