【无标题】

类数组转为数组的几种方法

前情提要：思考什么是类数组，为什么要转？

常见的类数组

• arguments实参列表
• dom节点类数组
• Set对象的实例

数组提供了丰富的API,如果可以恰到好处的使用这些方法，会大幅度提升解决问题的效率~
map, filter, reduce, every, some ， sort 随便用

正文开始

1. 通过Array.prototype.slice.call()
解释： 调用slice方法，切割类数组，将this指向类数组，返回一个真正的数组

const aLi = document.querySelectorAll('li');
let arr = [].slice.call(aLi); 
arr.forEach((curr , idx) => curr.innerText = 10 * idx)
// 可以使用数组中的方法操作dom了 

2. ES6提供的解构赋值： [...类数组]
解释： …类数组，右查询，将类数组散装为单独的元素，再用空数组承接

  function sum(){
       let arr = [...arguments]; 
       return arr.reduce((acc, curr) => acc + curr);
    }
    let result = sum(1, 2, 3, 4, 5); 
    console.log(result); // 15

3. 使用ES6新增的构造函数的静态方Array.from()
解释： 将类数组输入，直接返回一个数组

function deleteRepeat(arr) {
	let mySet = new Set(arr); 
	// 实例化set对象，循环遍历arr,如果类数组中没有该项，向类数组中添加，最终返回一个类数组 
	  return Array.from(mySet);
	}
	
	let result = deleteRepeat([1, 5, 5, 4, 7, 8]) // 
	console.log(result);

如果有其它更好的解决方案，欢迎评论留言，共同进步~