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方法
1 //arguments对象 2 function foo(){ 3 var args = [...arguments] 4 } 5 //NodeList对象 6 [...document.querySelectorAll('div')]
5. 循环遍历类数组对象,push到新创建的数组对象里
1 var length = arrayLike.length; 2 var arr = []; 3 for (var i = 0; i < length; i++) { 4 arr.push(arrayLike[i]); 5 return arr; 6 }
6. jQuery方法:.get() .toArray()和$.makeArray(obj)
.get()
jQuery.map()通常用来处理一个简单的数组或对象,由于返回值是一个jQuery包裹的数组,所以通常会使用get()方法将其转换成普通的数组。例如:
1 <p></p> 2 <form> 3 <input type="text" name="name" value="John"/> 4 5 <input type="text" name="password" value="password"/> 6 <input type="text" name="url" value="http://ejohn.org/"/> 7 8 </form> 9 <script> 10 $("p").append( $("input").map(function(){ 11 return $(this).val(); 12 }).get().join(", ") ); //John, password, http://ejohn.org/ 13 </script>
.toArray()$("div").toArray().reverse()
$.makeArray(obj)
1 var obj = $('li'); 2 var arr = $.makeArray(obj); 3 jQuery.isArray(arr) //true;