JS和jQuery將類數組對象轉化成數組對象的幾種方法

1. Array.prototype.slice.call(arrayLike)

數組的slice()方法可以從已有數組中返回一個新數組，它接受兩個參數arr.slice(start,end),第一個參數規定從何處開始選取，第二個參數表示從何處選取結束（不包括），如果不傳參將返回原數組的一個副本，但該方法不會修改原數組，而是返回截取的新數組，根據這個就可以將類數組轉化成數組對象啦！

2. Array.prototype.splice.call(arrayLike,0)

splice(start,count,item)方法傳入的參數不同，第一個參數代表開始選取的元素位置，第二個說明選取的元素數量(不傳說明從第一個參數位置開始到數組的最后一個元素)，第三個參數代表需要添加的元素(將會添加到第一個參數位置上)。

3. Array.from(array-like) ES6方法

4. 擴展運算符（...）ES6方法

//arguments對象
function foo(){
  var args = [...arguments]
}
//NodeList對象
[...document.querySelectorAll('div')]

5. 循環遍歷類數組對象，push到新創建的數組對象里

var length = arrayLike.length;  
var arr = [];  
for (var i = 0; i < length; i++) {  
    arr.push(arrayLike[i]);  
    return arr;  
}  

6. jQuery方法：.get() .toArray()和$.makeArray(obj)

.get()
jQuery.map()通常用來處理一個簡單的數組或對象，由於返回值是一個jQuery包裹的數組，所以通常會使用get()方法將其轉換成普通的數組。例如：

  <p></p>
  <form>
    <input type="text" name="name" value="John"/>
 
    <input type="text" name="password" value="password"/>
    <input type="text" name="url" value="http://ejohn.org/"/>
 
  </form>
<script>
    $("p").append( $("input").map(function(){
      return $(this).val();
    }).get().join(", ") );       //John, password, http://ejohn.org/
</script>

.toArray()
$("div").toArray().reverse()

$.makeArray(obj)

  var obj = $('li');
  var arr = $.makeArray(obj);
  jQuery.isArray(arr) //true;