search

powerdong / myProblems

我用到了，你可能用到
0 stars 1 forks source link

类数组对象转换为数组的六种方法 #4

Open powerdong opened 4 years ago

powerdong commented 4 years ago
  1. Array.form() 方法
// 将hdList
let list = Array.form(hdList)
  1. 用 Array.prototype.slice.call(elems) 方法转化为数组
//hdList转化为数组并用list变量接收
let list = Array.prototype.slice.call(hdList);
//添加点击事件
list.forEach((current,index) => {
    current.addEventListener('click',() => {
        animationFn(index);
    },false);
});
  1. 用 [ ...elems ] 方法转化为数组
let list = [...hdList];//用[ ...elems ]方法转化为数组并用list接收
  1. 用 Array.prototype.forEach.call(elem,callback) 方法
//直接对hdList集合进行循环或者map等
Array.prototype.forEach.call（hdList,function(){
//...
}）
Array.prototype.map.call（hdList,function(){
//...
}）
  1. 用 Array.prototype.forEach.apply(elem,[callback]) 方法
//添加点击事件
Array.prototype.forEach.apply(hdList,[(current,index) => {
    current.addEventListener('click',() => {
        animationFn(index);
    },false);
}]);
  1. 用 bind 方法
//添加点击事件
Array.prototype.forEach.bind(hdList)((current,index) => {
    current.addEventListener('click',() => {
        animationFn(index);
    },false);
});