js-likearray

JavaScript中的Array-likeobject：函数中的参数对象arguments；通过getElementsByTagName/ClassName/Name获取的HTMLCollection；通过querySelector获取的NodeList。arguments实例通过Object.prototype.toString.call返回的结果是'[objectarguments]'。可以看出返回的结果不是'[objectarray]'，说明arguments和arrays是有区别的。HTMLCollectionHTMLCollection简单来说就是一个HTMLDOM对象的一个??接口，里面包含了获取到的DOM元素集，返回类型是一个类数组对象。如果用typeof判断，则返回'object'。它是最新的，当文档中的DOM发生变化时它也会发生变化。NodeListNodeList对象是节点的集合，通常由querySlector返回。NodeList不是数组，也是类数组。虽然NodeList不是数组，但可以使用for...of对其进行迭代。varlist=document.querySelectorAll('input[type=checkbox]');for(varcheckboxoflist){checkbox.checked=true;}console.log(list);console.log(typeoflist);console.log(Object.prototype.toString.call(list));类数组应用场景遍历参数操作函数add(){letsum=0;letlen=arguments.lengthfor(leti=0;isliceSum+cur))}functionconcatSum(a,b){letargs=Array.prototype.concat.apply([],arguments)console.log(args.reduce((concatSum,cur)=>concatSum+cur))}sliceSum(1,2)//3concatSum(2,3)//5ES6方法转换数组Array.from(arguments)[...arguments];//Argumentsusespreadoperatorfunctionsum(...args){console.log(args.reduce((sum,cur)=>总和+cur));}