类数组集合调用数组方法

JavaScript DOM操作,getElementsByName() 和 getElementsByTagName() 都会返回NodeList对象,而类似document.images和document.forms返回的是HTMLCollection对象

两者区别: HTMLCollection对象可以通过name属性访问元素,但是不推荐在表单之外的其他标签里使用

类数组集合有length属性,可以像真正的数组一样索引(只能读不能写),不能直接在该类对象上直接调用Array方法

但是可以间接调用:

var list = getElementsByTagName('p');
var content = Array.prototype.map.call(list,function(item) {
    return item.innerHTML
})

该NodeList集合调用了Array的map方法;

另外: NodeList和HTMLCollection对象并不是文档状态的一个静态写照,而通常是实时的,也就是说在文档中新插入一个标签,该集合也会动态改变。

这是一个通用的arguments集合转成数组的函数:
    var  toArray = function() {
                try {
                    return Array.prototype.slice.call(arguments);
                } catch (e) {
                    var arr = [];
                    for (var i = 0, len = arguments.length; i < len; i++) {
                        arr.push(arguments[i]);
                        // arr[i] = arguments[i];
                    }
                    return arr;
                }
            }
            console.log(toArray("h","e","l","l","o"))
原文地址:https://www.cnblogs.com/lpt1229/p/5836358.html