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