關於forEach函式的兩種寫法。
阿新 • • 發佈:2018-12-15
<!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" 即可,而且這個可去掉,網上有說如果不刪除的,用谷歌之類開啟,它會認為是英文的,會自動給翻譯(如果設定了自動翻譯的話)