05.forEach.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /*
  10. 一般我们都是使用for循环去遍历数组,JS中还为我们提供了一个方法,用来遍历数组
  11. forEach()
  12. -这个方法只支持IE8以上的浏览器,
  13. IE8及以下的浏览器均不支持该方法,所以如果需要兼容IE8,则不要使用forEach
  14. 还是使用for循环来遍历
  15. */
  16. //创建一个数组
  17. var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
  18. /*
  19. forEach()方法需要一个函数作为参数
  20. -像这种函数,由我们创建但不由我们调用的,我们称为回调函数
  21. -数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素
  22. 以实参的形式传递进来,我们可以定义形参,来读取这些内容
  23. -浏览器会在回调函数中传递三个参数:
  24. 第一个参数,就是当前正在遍历的元素
  25. 第二个参数,就是当前正在遍历的元素的索引
  26. 第三个参数,就是正在遍历的数组
  27. */
  28. arr.forEach(function(value,index,obj){
  29. console.log("value="+value);
  30. console.log("index="+index);
  31. console.log("obj="+obj);
  32. });
  33. </script>
  34. </head>
  35. <body>
  36. </body>
  37. </html>