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;