JavaScript Array of()用法及代碼示例

of() 方法從不同數量的參數創建並返回一個新數組。它不關注參數的類型和數量。與 Array 類似，它還提供了一個構造函數來處理整數參數，但方式不同。

用法

Array of() 方法的語法如下：

Array.of(element1, element2,.....)

參數

它以數組形式獲取和放置元素。因此，這些元素創建了數組。

它返回一個新創建的數組實例。

JavaScript的數組of()方法示例

讓我們實現一些示例以更好地理解：

示例 1

這是一個示例，顯示了 Array of() 方法的用法原理。

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(1,2,3,4)); //values separated by commas.
</script>
</body>
</html>

輸出：

輸出表示數組形式的元素。

例2

下麵是表示以陣列的形式的單個值的例子。

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(1));
</script>
</body>
</html>

輸出：

在此，圖1是新創建的陣列的單個元件。

例3

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of("a","b","c","d"));
</script>
</body>
</html>

輸出：

這裏，每個字母是新創建的數組的元素。

例4

使用'undefined'作為Array.of()方法的一個元素。

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
console.log(Array.of(undefined)); //using console
</script>
</body>
</html>

輸出：

它顯示與'undefined'一個新的數組作為其元素。

注意：如果我們嘗試在 Web 瀏覽器中運行此代碼，它不會將 'undefined' 顯示為數組值。因此，上麵的快照顯示了控製台的輸出。

如上所述，Array.of方法創建構造為一個數組的做法，但的整數參數的處理而變化。例如，Array.of(10)建立一個數組保持10作為其元素。在陣列(10)的情況下，將創建長度的陣列10。

我們來看看代碼實現：

簡單陣列構造例

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
console.log(Array(7)); //using console
</script>
</body>
</html>

輸出 1：在控製台上

輸出顯示一個長度為 7 的空數組。

輸出 2：在瀏覽器上

輸出表示一個長度為 7 的空數組。

Array.of() 構造函數示例：

<html>
<head>JavaScript Array Methods </head>
<body>
<script>
document.write(Array.of(7));
</script>
</body>
</html>

輸出：

因此，以上示例將有助於理解 Array.of() 和 Array 構造函數之間的區別。

相關用法

注：本文由純淨天空篩選整理自 JavaScript Array of() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。