JavaScript手册 | JS Array 对象中的forEach()方法

作者: Arvin Chen 分类: js 来源: Break易站(www.breakyizhan.com)

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

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

句法:

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

参数:这个函数本身有三个参数:

JS Array 对象中的forEach()方法浏览器的兼容性

方法 Chrome Inter Explorer Firefox Safari Opera
forEach() YES YES YES YES YES

js array使用forEach()返回数组 ages 元素相乘

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js array使用forEach()返回数组 ages 元素相乘 - Break易站(breakyizhan.com)</title>
</head>
<body>
<script>
function func() { 
  
    // Original array 
    const items = [1, 29, 47]; 
    const copy = []; 
  
    items.forEach(function(item){ 
        copy.push(item*item); 
    }); 
  
    document.write(copy); 
} 
func(); 
</script>

</body>
</html>


尝试一下 >>

js array使用forEach()返回数组 ages 元素乘以特定数字

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js array使用forEach()返回数组 ages 元素乘以特定数字 - Break易站(breakyizhan.com)</title>
</head>
<body>

<p>点击按钮将数组中的所有值乘以特定数字。</p>
<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) {
    arr[index] = item * document.getElementById("multiplyWith").value;
    demo.innerHTML = numbers;
}
</script>

</body>
</html>


尝试一下 >>

  •   本文标题:JavaScript手册 | JS Array 对象中的forEach()方法 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/js/6826.html

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注

    更多阅读