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;

原著是一个有趣的人,若有侵权,请通知删除