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