 |
位置：电子教程 > JavaScript对象大全 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > JavaScript对象大全 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：JavaScript对象大全 > forEach()方法 | |||||||
| 阅读(22555525) 收藏 赞(5685) 分享 | |||||||
| 上一篇： findIndex()方法 | 下一篇： 暂无 | ||||||
Each()方法基础语法forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。 注意: forEach() 对于空数组是不会执行回调函数的。 语法array.forEach(function(currentValue, index, arr), thisValue) 参数说明
示例1. 列出数组的每个元素代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>黄菊华老师：数组-方法-forEach</title>
</head>
<body>
<p>点击按钮列出数组的每个元素。</p>
<button onclick="kechengs.forEach(myFunction)">点我</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");
var kechengs = ["html","javascript","css"];
function myFunction(item, index) {
demoP.innerHTML = demoP.innerHTML + "序号：" + index + " | 内容：" + item + "<br>";
}
</script>
</body>
</html>
效果图
示例2：计算数组所有元素相加的总和代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>黄菊华老师：数组-方法-forEach</title>
</head>
<body>
<p>点击按钮计算数组所有元素相加的总和。</p>
<button onclick="numbers.forEach(myFunction)">点我</button>
<p>数组元素总和：<span id="demo"></span></p>
<script>
var sum = 0;
var numbers = [10, 20, 30];
function myFunction(item) {
sum = sum + item;
demo.innerHTML = sum;
}
</script>
</body>
</html>
效果图
示例3：将数组中的所有值乘以特定数字代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>黄菊华老师：数组-方法-forEach</title>
</head>
<body>
<p>点击按钮将数组中的所有值乘以特定数字。</p>
<p>乘以: <input type="number" id="beishu" 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("beishu").value;
demo.innerHTML = numbers;
}
</script>
</body>
</html>
效果图
|
|||||||
| 上一篇： findIndex()方法 | 下一篇： 暂无 | ||||||
