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;
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容