JavaScript Array map()用法及代碼示例

下麵是Array map()方法的示例。

• 例：

  <script> 
      // JavaScript to illustrate map() method 
      function func() { 
          // Original array 
          var arr = [14, 10, 11, 00]; 
    
          // new mapped array 
          var new_arr = arr.map(Math.sqrt); 
          document.write(new_arr); 
      } 
      func(); 
  </script>
• 輸出：

  3.7416573867739413,3.1622776601683795,
  3.3166247903554,0

arr.map()方法使用每個數組元素的調用函數結果創建一個新數組。此函數按順序對給定數組的每個元素調用一次參數函數。

用法:

array.map(callback(element, index, arr), thisArg)

參數：此方法接受上述和以下所述的五個參數：

• callback:此參數保存要為數組的每個元素調用的函數。
• element:該參數保存當前正在處理的元素的值。
• index:該參數是可選的，它保存從0開始的數組中currentValue元素的索引。
• arr:此參數是可選的，它包含在其上調用Array.every的完整數組。
• thisArg:此參數是可選的，它保存要在執行回調函數時使用的上下文。如果傳遞了上下文，則每次調用該回調函數時都將使用該上下文，否則將使用undefined作為默認值。

返回值：此方法返回一個新數組，該數組使用arg_function修改後的值(使用原始數組中的值)創建。該函數不會修改在其上實現該函數的原始數組。

以下示例說明了JavaScript中的arr.map()方法：

• 範例1：在此示例中，方法map()生成一個數組，該數組包含將原始數組中的數字除以2得到的數字。

  var arr = [2, 56, 78, 34, 65];
  var new_arr = arr.map(function(num) {
    return num / 2;
  });
  print(new_arr);
  

  輸出：

  [1, 28, 39, 17, 32.5]
  

• 範例2：在此示例中，方法map()生成一個數組，其中包含原始數組中數字的平方根。

  var arr = [10, 64, 121, 23];
  var new_arr = arr.map(Math.sqrt);
  print(new_arr);
  

  輸出：

  [3.1622776601683795, 8, 11, 4.795831523312719]
  

下麵提供了上述函數的代碼：

程序1:

<script> 
    // JavaScript to illustrate map() method 
    function func() { 
        // Original array 
        var arr = [2, 56, 78, 34, 65]; 
  
        // new mapped array 
        var new_arr = arr.map(function (num) { 
            return num / 2; 
        }); 
  
        document.write(new_arr); 
    } 
    func(); 
</script>

輸出：

1, 28, 39, 17, 32.5

程序2:

<script> 
    // JavaScript to illustrate map() method 
    function func() { 
        // Original array 
        var arr = [10, 64, 121, 23]; 
  
        // new mapped array 
        var new_arr = arr.map(Math.sqrt); 
        document.write(new_arr); 
    } 
    func(); 
</script>

輸出：

3.1622776601683795, 8, 11, 4.795831523312719

支持的瀏覽器：下麵列出了JavaScript數組map()方法支持的瀏覽器：

• 穀歌瀏覽器
• Microsoft Edge 9.0
• Mozila Firefox 1.5
• Safari
• Opera