JavaScript - Array.of() 方法

在 JavaScript 中，Array.of() 方法建立一個新的 Array 例項，並接受可變數量的引數，無論其資料型別如何。它類似於 Array() 建構函式，但在處理單個引數的方式上有所不同。以下是它的工作原理：

單個引數處理

Array.of(5) - 建立一個包含一個值為 5 的元素的新陣列。
Array(5) - 建立一個長度為 5 的空陣列。

多個引數處理

Array.of(1, 2, 3) - 建立一個包含三個元素的新陣列：1、2 和 3。
Array(1, 2, 3) - 也建立一個包含三個元素的新陣列：1、2 和 3。

空引數處理

Array.of() - 建立一個新的空陣列。
Array() - 也建立一個新的空陣列。

語法

以下是 JavaScript Array.of() 方法的語法：

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

引數

此方法接受一個或多個元素。這些可以是任何資料型別。

返回值

此方法返回一個新的 Array 例項。

示例

示例 1

在以下示例中，我們使用 Array.of() 方法建立一個包含元素 1、2、3、4 和 5 的數字陣列。

<html>
<body>
   <script>
      const numbers = Array.of(1, 2, 3, 4, 5);
      document.write(numbers);
   </script>
</body>
</html>

如果我們執行上述程式，它將返回陣列中存在的所有元素。

輸出

1,2,3,4,5

示例 2

這裡，Array.of() 方法用於建立一個包含元素 'apple'、'banana' 和 'cherry' 的字串陣列：

<html>
<body>
   <script>
      const fruits = Array.of('apple', 'banana', 'cherry');
      document.write(fruits);
   </script>
</body>
</html>

執行上述程式後，它將返回陣列中存在的所有元素。

輸出

apple,banana,cherry

示例 3

以下示例演示了 Array.of() 與 Array() 建構函式在處理單個引數時的區別：

<html>
<body>
   <script>
      const arr1 = Array.of(5); //[5]
      const arr2 = Array(5); // array of 5 empty slots
   </script>
</body>
</html>

在上述程式中，'arr1' 將建立一個包含單個元素 [5] 的陣列，而 'arr2' 建立一個長度為 5 的空陣列。

示例 4

以下示例演示了 Array.of() 與 Array() 建構函式在處理多個引數時的區別：

<html>
<body>
   <script>
      const arr1 = Array.of(1, 2, 3);
      const arr2 = Array(1, 2, 3);
      document.write(arr1, "<br>", arr2)
   </script>
</body>
</html>

在上述程式中，'arr1' 和 'arr2' 將建立包含三個元素 [1, 2, 3] 的陣列。

輸出

1,2,3
1,2,3

示例 5

如果我們不向 Array.of() 方法提供任何元素，它將建立一個空陣列：

<html>
<body>
   <script>
      const arr1 = Array.of(); //[]
      const arr2 = Array(); //[]
   </script>
</body>
</html>

如果我們執行上述程式，兩者都將建立一個新的空陣列。

列印頁面