js - 伪数组转化为数组的几种方法整理（更新中...）

伪数组：无法调用数组的方法，但是有length属性，又可以索引获取内部项的数据结构。

比如：arguments、getElementsByTagName等一系列dom获取的NodeList对象，他们 都算。

 

转换方法

 

一：

假设这里有个伪数组：pagis

let arr = [].slice.call(pagis)

console.log(arr)   这时arr就是真数组了。

二：

let arr  = Array.prototype.slice.call(pagis);

利用了slice传一个数组/集合，就会直接返回这个集合的原理。拿到的也是数组。

也就可以使用数组的各种方法了。

三：

 var arr1 = [],
   len1 = pagis.length;
 for (var i = 0; i < len1; i++) {
   arr1.push(pagis[i]);
 }

就是简单的for循环，把类数组的每一项都push到真正的数字arr1中

与之类似的另一种写法：
（转换函数中的arguments伪数组为真数组，是在学习es6时，将扩展运算符的收集功能在经过babel转换后得到的es5代码）

 for (var _len = arguments.length, arr = new Array(_len), _key = 0; _key < _len; _key++) {
     arr[_key] = arguments[_key];
 }

四：

 var func = Function.prototype.call.bind(Array.prototype.slice);
 console.log('类数组转换成数组：', func(pagis));

五：...解构赋值

 function args(){
   console.log(arguments);
   let newArr = [...arguments];
   console.log(newArr);
 }
 args(1,2,3,23,2,42,34);

六：Array.from

 function args(){
   console.log(arguments);
   let newArr2 = Array.from(arguments);
   console.log(newArr2);
 }
 args(1,2,3,23,2,42,34);

2019-05-07 16:48:27