JavaScript - TypedArray values() 方法

JavaScript TypedArray 的values() 方法返回一個數組迭代器物件，該物件迭代 TypedArray 中每個元素的值。此方法並非適用於所有陣列，只能在 TypedArray 例項上呼叫。

語法

以下是 JavaScript TypedArray values() 方法的語法：

values()

引數

此方法不接受任何引數。

返回值

此方法返回一個新的陣列可迭代物件。

示例

示例 1

以下程式演示了 JavaScript TypedArray values() 方法的用法。

<html>
<head>
   <title>JavaScript TypedArray values() Method</title>
</head>
<body>
   <script>
      const T_array = new Uint8Array([1, 2, 3, 4, 5]);
      document.write("The original typed array: ", T_array);
      
      //using the values() method
      let new_array = T_array.values();
      document.write("<br>The new_array iterator object: ", new_array);
   </script>    
</body>
</html>

輸出

上述程式返回一個新的“物件陣列迭代器”。

The original typed array: 1,2,3,4,5
The new_array iterator object: [object Array Iterator]

示例 2

以下是 JavaScript TypedArray values() 方法的另一個示例。使用此方法，我們嘗試從 TypedArray [10, 20, 30, 40, 50] 中檢索一個新的物件陣列迭代器。我們對物件陣列迭代器使用next().value 來檢索特定元素。

<html>
<head>
   <title>JavaScript TypedArray values() Method</title>
</head>
<body>
   <script>
      const T_array = new Uint8Array([10, 20, 30, 40, 50]);
      document.write("The original typed array: ", T_array);
      
      //using the values() method
      let new_array = T_array.values();
      document.write("<br>The new_array iterator object: ", new_array);
      document.write("<br>The new_array.next().value returns: ", new_array.next().value);
      
      //expected output 10.
   </script>    
</body>
</html>

輸出

執行上述程式後，將返回以下輸出：

The original typed array: 10,20,30,40,50
The new_array iterator object: [object Array Iterator]
The new_array.next().value returns: 10

示例 3

在此示例中，我們使用for...of迴圈迭代values()方法返回的物件陣列迭代器的每個元素。

<html>
<head>
   <title>JavaScript TypedArray values() Method</title>
</head>
<body>
   <script>
      const T_array = new Uint8Array([10, 20, 30, 40, 50]);
      document.write("The original typed array: ", T_array);
      
      //using the values() method
      let new_array = T_array.values();
      document.write("<br>The object array iterator values: ");
      
      //using for...of loop
      for(const i of new_array){
         document.write(i, " ");
      }
   </script>    
</body>
</html>

輸出

執行上述程式後，將返回物件陣列迭代器的每個元素，如下所示：

The original typed array: 10,20,30,40,50
The object array iterator values: 10 20 30 40 50

列印頁面