JavaScript - TypedArray 的 forEach() 方法

JavaScript TypedArray 的 forEach() 方法对 TypedArray 中的每个元素执行一次提供的函数，并返回 无（undefined）。

以下是一些关于 'forEach()' 方法的补充说明：

forEach() 方法作用于 TypedArray（例如 Uint8Array、Int16Array 等）。
它接受一个测试函数作为参数。
测试函数对 TypedArray 中的每个元素执行。

语法

以下是 JavaScript TypedArray forEach() 方法的语法：

forEach(callbackFn, thisArg)

参数

此方法接受两个名为 'callbackFn' 和 'thisArg' 的参数，如下所述：

callbackFn − 此参数是一个测试函数，它将对 TypedArray 中的每个元素执行。

此函数接受三个名为 'element'、'index' 和 'array' 的参数。以下是每个参数的描述：

element − 表示 TypedArray 中当前正在处理的元素。
index − 指示 TypedArray 中当前元素的索引（位置）。
array − 指的是整个 TypedArray。

thisArg（可选） − 这是一个可选参数，允许您指定 this 在 callbackFn 中的值。

返回值

此方法返回无（undefined）。

示例

示例 1

在以下程序中，我们使用 JavaScript TypedArray forEach() 方法对每个元素执行一次提供的函数。我们创建一个箭头函数，它遍历此 TypedArray [10, 20, 30, -40, -50, 60] 中的每个元素，并将其作为参数传递给此方法。

<html>
<head>
   <title>JavaScript TypedArray forEach() Method</title>
</head>
<body>
   <script>
      const T_array = new Int16Array([10, 20, 30, -40, -50, 60]);
      document.write("Typed array: ", T_array);
      
      //using forEach() method
      document.write("<br>The typed array elements: ")
      T_array.forEach((element)=>{
         document.write(element);
      });
   </script>
</body>
</html>

输出

上述程序返回 TypedArray 的每个元素，如下所示：

Typed array: 10,20,30,-40,-50,60
The typed array elements: 102030-40-5060

示例 2

以下是 JavaScript TypedArray forEach() 方法的另一个示例。我们使用此方法对每个 TypedArray 元素执行一次名为 display() 的提供的函数。我们将此函数作为参数传递给此方法，并且该函数检查 TypedArray 元素的索引和值，并将其作为参数传递给此方法。

<html>
<head>
   <title>JavaScript TypedArray forEach() Method</title>
</head>
<body>
   <script>
      function display(element, index, array){
         document.write("<br>a[",index,"]", " = ", element);
      }
      const T_array = new Int16Array([10, 20, 30, -40, -50, 60]);
      document.write("Typed array: ", T_array);
      
      //using forEach() method
      T_array.forEach(display);
   </script>
</body>
</html>

输出

执行上述程序后，它将返回 TypedArray 元素的索引和值。

Typed array: 10,20,30,-40,-50,60
a[0] = 10
a[1] = 20
a[2] = 30
a[3] = -40
a[4] = -50
a[5] = 60

示例 3

正如我们之前讨论的那样，forEach() 方法不返回值。让我们用一个合适的示例来验证它：

<html>
<head>
   <title>JavaScript TypedArray forEach() Method</title>
</head>
<body>
   <script>
      function display(element, index, array){
         return element > 0;
      }
      const T_array = new Int16Array([10, 20, 30, -40, -50, 60]);
      document.write("Typed array: ", T_array);
      
      //using forEach() method
      document.write("<br>The forEach() method returns: ", T_array.forEach(display));
   </script>
</body>
</html>

输出

上述程序返回“undefined”。

Typed array: 10,20,30,-40,-50,60
The forEach() method returns: undefined

打印页面