JavaScript - TypedArray reverse() 方法

JavaScript TypedArray 的reverse() 方法用於反轉當前型別化陣列的元素，並返回同一個型別化陣列的引用。反轉過程完成後，第一個型別化陣列元素將成為最後一個，最後一個型別化陣列元素將成為第一個。

注意 - 此方法直接修改原始型別化陣列；反轉過程中不會進行復制。

語法

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

reverse()

引數

此方法不接受任何引數。

返回值

此方法返回以反轉順序排列的原始型別化陣列的引用。

示例

示例 1

在下面的程式中，我們使用 JavaScript TypedArray reverse() 方法來反轉此型別化陣列的元素：[10, 20, 30, 40, 50]。

<html>
<head>
   <title>JavaScript TypedArray reverse() Method</title>
</head>
<body>
   <script>
      const T_array = new Uint8Array([10, 20, 30, 40, 50]);
      document.write("TypedArray before reverse: ", T_array);
      
      //using reverse() method
      T_array.reverse();
      document.write("<br>TypedArray after reverse: ", T_array); 
   </script>    
</body>
</html>

輸出

上述程式返回一個反轉的型別化陣列：[50, 40, 30, 20, 10]。

TypedArray before reverse: 10,20,30,40,50
TypedArray after reverse: 50,40,30,20,10

示例 2

這是使用 JavaScript TypedArray reverse() 方法的另一個示例。在這種情況下，我們建立一個名為“反轉型別化陣列”的按鈕，並使用 onclick 事件來觸發操作。每當使用者點選此按鈕時，reverse() 方法將在函式內執行，反轉的型別化陣列將顯示在您的視窗中。

<html>
<head>
   <title>JavaScript TypedArray reverse() Method</title>
</head>
<body>
   <p id="before"></p>
   <p id="after"></p>
   <button onclick="Reverse()">Reverse TypedArray</button>
   <script>
      const T_array = new Uint8Array([10, 20, 30, 40, 50]);
      document.getElementById("before").innerHTML = "TypedArray before reverse: " + T_array;
      function Reverse(){
         //using reverse() method
         T_array.reverse();
         document.getElementById("after").innerHTML = "TypedArray after reverse: " + T_array;
      } 
   </script>    
</body>
</html>

執行上述程式後，原始 TypedArray 和一個按鈕將出現在您的視窗中。單擊按鈕後，將顯示反轉的 TypedArray。

列印頁面