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