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;