Function-forEach

电玩女神 2022-04-10 12:51 164阅读 0赞

## 定义和用法 ##

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

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

**注意:** forEach() 对于空数组是不会执行回调函数的。

返回值：undefined

## 参数 ##

<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> 如果这个参数为空， "undefined" 会传递给 "this" 值</td> 
  </tr> 
 </tbody> 
</table>

## 实例 ##

（1）列出数组的每个元素：

<button onclick="numbers.forEach(myFunction)">点我</button>
    
    <p id="demo"></p>
    
    <script>
    
    demoP = document.getElementById("demo");
    
    var numbers = [4, 9, 16, 25];
    
    function myFunction(item, index) {
    
        demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>";
    
    }
    
    </script>

输出结果：

index\[0\]: 4  
index\[1\]: 9  
index\[2\]: 16  
index\[3\]: 25

（2）将数组中的所有值乘以特定数字：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hyYnNmZHh6aHEwMQ_size_16_color_FFFFFF_t_70][]

<p>乘以: <input type="number" id="multiplyWith" value="10"></p>
    
    <button onclick="numbers.forEach(myFunction)">点我</button>
    
    <p>计算后的值: <span id="demo"></span></p>
    
    <script>
    
    var numbers = [65, 44, 12, 4];
    
    function myFunction(item,index,arr) {
        console.log(arr);
        arr[index] = item * document.getElementById("multiplyWith").value;
    
        demo.innerHTML = numbers;
    
    }
    
    </script>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hyYnNmZHh6aHEwMQ_size_16_color_FFFFFF_t_70]: /images/20220330/8c11292c22e045e4b3536c419c247d8a.png

Function-forEach

发表评论取消回复

还没有评论，来说两句吧...

相关阅读