js - 僞數組轉化爲數組的幾種方法整理

僞數組：沒法調用數組的方法，可是有length屬性，又能夠索引獲取內部項的數據結構。

好比：arguments、getElementsByTagName等一系列dom獲取的NodeList對象，他們 都算。

 

轉換方法

 

一：

假設這裏有個僞數組：pagis

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

console.log(arr)   這時arr就是真數組了。

 

二：

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

利用了slice傳一個數組/集合，就會直接返回這個集合的原理。拿到的也是數組。

也就能夠使用數組的各類方法了。

 

三：

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

就是簡單的for循環，把類數組的每一項都push到真正的數字arr1中

與之相似的另外一種寫法：
（轉換函數中的arguments僞數組爲真數組，是在學習es6時，將擴展運算符的收集功能在通過babel轉換後獲得的es5代碼）

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

 

 

 

四：

1 var func = Function.prototype.call.bind(Array.prototype.slice); 2 console.log('類數組轉換成數組：', func(pagis));

 

 五：...解構賦值

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

 

 

  六：Array.from

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

 

 

 

 

2019-05-07 16:48:27