1. 首页
  2. JavaScript 菜鸟教程
  3. JavaScript - TypedArray forEach() 方法

JavaScript - TypedArray forEach() 方法

JavaScript TypedArray forEach（） 方法为类型化数组中的每个元素执行一次提供的函数，并返回 None（undefined）。

以下是您应该了解的有关 'forEach（）' 方法的一些其他要点 -

  • forEach（） 方法对 TypedArray（例如 Uint8Array、Int16Array 等）进行操作。
  • 它接受 testing 函数作为参数。
  • 对 TypedArray 中的每个元素执行 testing 函数。

语法

以下是 JavaScript TypedArray forEach（） 方法的语法 -


 forEach(callbackFn, thisArg)

参数

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

  • callbackFn − 此参数是一个测试函数，将针对 TypedArray 中的每个元素执行。此函数接受名为 'element'、'index' 和 'array' 的三个参数。以下是每个参数的描述 -
    • element − 表示 TypedArray 中正在处理的当前元素。
    • index − 指示 TypedArray 中当前元素的索引（位置）。
    • array − 指整个 TypedArray。
  • thisArg （可选） − 这是一个可选参数，允许您在 callbackFn 中指定 this 的值。

返回值

此方法返回 None（undefined）。

示例 1

在下面的程序中，我们使用 JavaScript TypedArray forEach（） 方法为每个元素执行一次提供的函数。我们创建一个箭头函数，该函数遍历此类型化数组 [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>

输出

上面的程序将类型化数组的每个元素返回为 -

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

示例 2

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


<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>

输出

执行上述程序后，返回类型化数组元素的索引和值。

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
<< JavaScript - TypedArray findLastIndex() 方法 JavaScript - TypedArray includes() 方法 >>