1. 程式人生 > >關於forEach函式的兩種寫法。

關於forEach函式的兩種寫法。


<!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"  即可,而且這個可去掉,網上有說如果不刪除的,用谷歌之類開啟,它會認為是英文的,會自動給翻譯(如果設定了自動翻譯的話)