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。

打印页面