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);
      
      //使用 reverse() 方法
      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() 方法的示例。在本例中，我们创建一个名为 "Reverse TypedArray" 的按钮，并使用 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(){
         //使用 reverse() 方法
         T_array.reverse();
         document.getElementById("after").innerHTML = "TypedArray after reverse: " + T_array;
      } 
   </script>    
</body>
</html>

执行上述程序后，窗口上会出现一个原始的 TypedArray 和一个按钮。点击按钮后，将显示反转的 TypedArray。