类数组对象转换成数组的方法

最新推荐文章于 2023-03-31 21:11:16 发布

Anita-Sun

最新推荐文章于 2023-03-31 21:11:16 发布

阅读量296

点赞数

分类专栏： jQuery源码分析

本文链接：https://blog.youkuaiyun.com/AnitaSun/article/details/116081846

版权

jQuery源码分析专栏收录该内容

22 篇文章

订阅专栏

ES6语法 `Array.from(arr)`

//将hdList用Array.from（）方法转换为数组，并用list变量接收
let list = Array.from(hdList);

用`Array.prototype.slice.call（elems）`方法转化为数组或 `[].slice.call（elems）`

//hdList转化为数组并用list变量接收
let list = Array.prototype.slice.call(hdList);
//添加点击事件
list.forEach((current,index) => {
    current.addEventListener('click',() => {
        animationFn(index);
    },false);
});

用`[ ...elems ]`方法转化为数组

let list = [...hdList];//用[ ...elems ]方法转化为数组并用list接收

用`Array.prototype.forEach.call(elem,callback)`方法

//直接对hdList集合进行循环或者map等
Array.prototype.forEach.call（hdList,function(){
//...
}）
Array.prototype.map.call（hdList,function(){
//...
}）

用`Array.prototype.forEach.apply(elem,[callback])`方法

//添加点击事件
Array.prototype.forEach.apply(hdList,[(current,index) => {
    current.addEventListener('click',() => {
        animationFn(index);
    },false);
}]);

用bind方法

//添加点击事件
Array.prototype.forEach.bind(hdList)((current,index) => {
    current.addEventListener('click',() => {
        animationFn(index);
    },false);
});