在JavaScript中如何將類數組對象轉為真實數組

dackel 發布于2019-08-26 12:02 / 1271人閱讀

摘要：中有哪些類數組對象偽數組函數的實參結構將類數組對象轉為真實數組以上文對象為例遍歷類數組元素并進一個新數組數組實例上的方法在不接受任何參數的情況下是復制一個數組再利用或調用方法可以實現將類數組對象轉為真實數組方法可以將任何具有屬性的對象轉為數

1.JavaScript中有哪些類數組對象(偽數組)

(1)arguments 函數的實參

function test() {
    return arguments;
}
let arg = test(1,4,7,4,3,6,4);
console.log(arg);

(2)set 結構

new Set([2,5,6,3,4,3,6,6]);

(3)nodeList

document.getElementsByTagName("div");

2.將類數組對象轉為真實數組(以上文arguments對象為例, arg)

(1)遍歷類數組元素, 并push進一個新數組

let newArr = [];
for(let i=0; i
(2)數組實例上的slice方法, 在不接受任何參數的情況下是復制一個數組, 再利用call(或apply)調用slice方法, 可以實現將類數組對象轉為真實數組
Array.prototype.slice.call(arg);
[].slice.call(arg);

(3)Array.from()方法, 可以將任何具有length屬性的對象轉為數組
Array.from(arg);

(4)擴展運算符..., 可以將所有布署了Iterator接口的對象轉為數組
[...{length: 3}];

(5)jQuery的核心方法$.makeArray()
$.makeArray(arg);

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108056.html

Javascript中call和apply的理解

摘要：剩下的兩個，我們分別改變了他們的執行環境，分別指向了和，于是結果就是顯示對象各自的值。如果你仍然對和沒有清晰的認識，可以試著這樣理解。在Javascript中，每個函數都包含兩個非繼承而來的方法，call和apply。這兩個方法的用途都是在特定的作用域中調用函數，實際上等于設置函數體內的this對象的值。摘自《JavaScript高級程序設計》 apply方法接收兩個參數，第一個參數...

mrcode 2019-08-21 12:23 評論0 收藏0
函數中的apply,call入門介紹

摘要：函數中的入門牽扯到就要先說一下它們和函數的淵源函數既是也是對象它和其它的對象沒有什么區別。但是我們可以通過和在函數調用時顯示指定所需的值。那就意味這任何函數可以被任何對象調用這才是和的方法的最終目的。否則會出現數組元素為的情況值值值值值函數中的apply,call入門 ??牽扯到apply,call就要先說一下它們和函數的淵源 Javascript函數既是也是對象 ??它和其它的...

yankeys 2019-08-23 16:33 評論0 收藏0
JavaScript學習筆記之數組（一）

摘要：數組基礎篇數組的語法數組是按次序排列的一組值。屬性數組的屬性，返回數組的成員數量。通過設置的值改變數組的長度將屬性設為可以清空數組。類似數組的對象并不是數組，因為它們不具備數組特有的方法。數組基礎篇 1.數組的語法數組（array）是按次序排列的一組值。每個值的位置都有編號（從0開始)。var arr=[1,2,3] //arr[0]=1任何類型的數據，都可以放入數組。 var ...

Yangder 2019-08-26 11:52 評論0 收藏0
【JS】JavaScript數組以及數組API學習總結

摘要：返回數組內容的字符串表示形式將數組中每個元素轉為字符串，并用逗號連接。拍照連接符將數組中每個元素轉為字符串，用自定義的連接符連接每個元素需要用變量借助。關于數組篇的記錄，純自己總結，會持續更新～原生js方法 1:創建數組的幾種方法： var arr = []; var arr = new Array(); var arr = [1,2]; var arr = new Arr...

roundstones 2019-08-21 18:26 評論0 收藏0
Slice無參調用可以將類數組對象（含有length屬性）轉化成數組

摘要：首先，有兩個用法，一個是一個是，第一個返回的是字符串，第二個返回的是數組，這里我們看第個。最后，附個轉成數組的通用函數據說這樣比快 Array.prototype.slice.call(arguments) 根據call的使用方法，我們可以猜測以下可能相等： [].slice.call(arguments) => arguments.slice() 我帶著好像少了一個必需參數的疑問去...

MudOnTire 2019-08-22 18:31 評論0 收藏0