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;
文章转载于:https://www.jianshu.com/p/7e8aaa452c1c
原著是一个有趣的人,若有侵权,请通知删除
评论前必须登录!
立即登录