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() 方法的另一个示例。在本例中,我们创建一个名为 “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(){
         //using reverse() method
         T_array.reverse();
         document.getElementById("after").innerHTML = "TypedArray after reverse: " + T_array;
      } 
   </script>    
</body>
</html>

执行上述程序后,原始的 TypedArray 和一个按钮将出现在您的窗口上。单击按钮后,将显示反转的 TypedArray。