Function-Array map()

骑猪看日落 2022-03-30 17:14 166阅读 0赞

## 定义和用法 ##

array.map(function(currentValue,index,arr), thisValue)

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

**注意：** map() 不会对空数组进行检测。

**注意：** map() 不会改变原始数组。

## 参数说明 ##

<table> 
 <tbody> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td><em>function(currentValue, index,arr)</em></td> 
   <td>必须。函数，数组中的每个元素都会执行这个函数<br> 函数参数: 
    <table> 
     <tbody> 
      <tr> 
       <th>参数</th> 
       <th>描述</th> 
      </tr> 
      <tr> 
       <td><em>currentValue</em></td> 
       <td>必须。当前元素的值</td> 
      </tr> 
      <tr> 
       <td><em>index</em></td> 
       <td>可选。当前元素的索引值</td> 
      </tr> 
      <tr> 
       <td><em>arr</em></td> 
       <td>可选。当前元素属于的数组对象</td> 
      </tr> 
     </tbody> 
    </table></td> 
  </tr> 
  <tr> 
   <td><em>thisValue</em></td> 
   <td>可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。<br> 如果省略了 thisValue，或者传入 null、undefined，那么回调函数的 this 为全局对象。</td> 
  </tr> 
 </tbody> 
</table>

### 实例 ###

（1）返回一个数组，数组中元素为原始数组的平方根:

var numbers = \[4, 9, 16, 25\];  
  
function myFunction() \{  
    x = document.getElementById("demo")  
    x.innerHTML = numbers.map(Math.sqrt);  
\}

输出结果为:

2,3,4,5

（2）数组中的每个元素乘于输入框指定的值，并返回新数组:

var numbers = \[65, 44, 12, 4\];  
  
function multiplyArrayElement(num) \{  
    return num \* document.getElementById("multiplyWith").value;  
\}  
  
function myFunction() \{  
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);  
\}