<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>forEach demo</title>
</head>
<body>
<p>输出sum：</p>
<button onclick="numbers.forEach(myFunction)">点我</button>
<p>将要改变的内容<span id="demo"></span></p>
<script>
var sum=0;
var numbers=[1,2,3,4,8];
function myFunction(item) {
sum+=item;
demo.innerHTML=sum;
}
</script>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>另一种写法</title>
</head>
<body>
<p><span>我要改变了！</span></p>
<button onclick="sumAll()">click me!</button>
<p>总和为：<span id="demo"></span></p>
<script>
var numbers=[2,6,7,8];
var sum=0;
numbers.forEach(function (item,index,array) {
sum+=item;
});
function sumAll() {
var demoElement=document.getElementById("demo");
demoElement.innerHTML=sum;
}
</script>
</body>
</html>forEach()不返回任何值，但方便对数组每一个对应项进行操作。
其中第一种写法有一个要注意的地方，如果<html>标签改为<html lang="en">,那么 <p>输出sum</p> 的显示效果会在网页显示为 “输出总和” ，去掉 lang="en" 即可，而且这个可去掉，网上有说如果不删除的，用谷歌之类打开，它会认为是英文的，会自动给翻译（如果设置了自动翻译的话）