类数组集合调用数组方法

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