JavaScript:如何在不使用“map”方法的情況下對映陣列值?


我們可以使用 JavaScript 的迴圈方法來對映陣列的元素。map() 方法建立一個新陣列,該新陣列會為陣列的每個元素生成一個函式的輸出。map 方法還可以使用 JavaScript 中的 for 迴圈來實現。

方法

我們將建立兩個陣列,其中第一個陣列包含需要對映的陣列元素,而第二個陣列包含以下陣列的輸出。我們將使用 JavaScript 陣列 push() 函式來將函式的值返回到輸出陣列中。

語法

array.push(element1, element2, element, ... , elementN

如需查詢陣列長度,我們可以使用以下語法:

array.length

例項 

在以下示例中,我們將使用 array.push() 方法將對映值推送到結果陣列中。

# index.html

<!DOCTYPE html>
<html>
<head>
   <title>
      Mapping Array Elements
   </title>
</head>
<body>
   <h2 style="color:green">
      Welcome To Tutorials Point
   </h2>
</body>
   <script>
      var arr = [1, 2, 3, 4, 5, 6];
      var result = [];
      let i;

      //This function will return the square of the number
      const square = function(num){
         return num*num;
      }
      for(i=0; i< arr.length; i++){
         result.push(square(arr[i]));
      }
      console.log(result);
      //Expected output: [1, 4, 9, 16, 25, 36]
   </script>
</html>

輸出

更新日期: 26-4-2022

1 千次瀏覽

啟動你的 職業生涯

透過完成課程獲得認證

開始
廣告