如何在 JavaScript 中將參數對象轉換為數組

arguments object 是一個類數組對象，可在所有非箭頭函數中訪問，表示傳遞給該函數的參數值。您可以使用數字索引來訪問 arguments 中的參數值 目的。例如，第一個參數可以訪問為 arguments[0] ，第二個參數可以訪問為 arguments[1] ，等等。

你可以看到 arguments object 很像一個數組，但它不是一個實際的數組。雖然它有 length 屬性，你不能使用像 map() 這樣的普通數組方法 , slice() , 和 filter() 就可以了。

轉換 arguments 反對真正的 Array 對象，我們將在下面討論幾種可用的方法。

休息參數

ES6 中引入了 rest 參數語法，它允許我們將未指定數量的參數表示為數組。要使用剩餘參數，您可以在函數的最後一個參數前面加上 ... （擴展運算符）。它將所有剩餘的用戶提供的參數轉換為標準的 JavaScript 數組。

由於其餘參數是真正的 Array 例如，不像 arguments 對象，您不需要執行任何轉換：

const sort = (...numbers) => {
    return numbers.sort((a, b) => a - b);
};

sort(1, 4, 5, 2);

// [ 1, 2, 4, 5 ]

Array.from()

另一種轉換 arguments 的方法 ES6 中的數組對像是使用 Array.from() 方法。此方法將類數組或可迭代對象轉換為 Array 實例：

function sort() {
    return Array.from(arguments).sort((a, b) => a - b);
}

sort(1, 4, 5, 2);

// [ 1, 2, 4, 5 ]

Array.prototype.slice()

最後，最後一個轉換arguments的方法 對像到數組是通過使用 Array.prototype.slice() 方法。就像將 NodeList 轉換為數組一樣，Array 的slice() 方法接受 arguments 對象並將其轉換為真正的數組：

function sort() {
    const args = Array.prototype.slice.call(arguments);
    return args.sort((a, b) => a - b);
}

const sorted = sort(1, 4, 5, 2);

console.log(sorted);

// [ 1, 2, 4, 5 ]

您還可以使用 slice() 的簡潔形式 方法：

const args = [].slice.call(arguments);

Array.prototype.slice.call() 適用於所有現代和舊瀏覽器，包括 IE 6+。如果你想支持舊的瀏覽器，你應該使用這種方法。

要了解有關 JavaScript 數組以及如何使用它們將多條信息存儲在一個變量中的更多信息，請查看本指南。