JavaScript基础知识-forEach循环

简介: 关于JavaScript基础知识中forEach循环的介绍。

作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.JavaScript源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ForEach循环</title>

    <script type="text/javascript">
        // 创建一个数组
        var bigdata = ["Hadoop","Storm","Hive","Spark","Flink"];

        /**
         *  一般我们都是使用for循环去便利数组,但语法相对来说比较复杂,因此JavaScript模仿java编程语言的ForEach循环语句。
         *      (1)forEach()支持IE8以上的浏览器,可惜呀,目前IE浏览器目前官方已经停止维护了。谷歌,火狐等主流浏览器都支持;
         *      (2)forEach()方法需要一个函数作为参数,像这种函数,由我们创建但是不由我们调用的,我们称为回调函数;
         *      (3)数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素以实参的形式传递进来,因此我们可以来定义
         *      形参,来读取这些内容;
         *      (4)浏览器会在回调函数中传递三个参数:
         *          1)第一个参数就是当前正在遍历的元素;
         *          2)第二个元素就是当前正在遍历的元素索引;
         *          3)第三个参数就是正在遍历的数组对象;
         */
        bigdata.forEach(function (value,index,obj) {
            console.log("value = " + value);
            console.log("index = " + index);
            console.log("obj = " + obj);
        });

    </script>
</head>
<body>

</body>
</html>

二.浏览器打开以上代码渲染结果

目录
相关文章
|
2月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
37 6
JS循环for、for...of、for...in
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
46 2
JavaScript基础知识-流程控制之while循环
|
23天前
|
JavaScript 前端开发
js循环有几种
js循环有几种
28 0
|
2月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
47 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
2月前
|
JavaScript 前端开发 索引
|
26天前
|
JavaScript
自动循环提交js
自动循环提交js
13 0
|
2月前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
2月前
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
14 3
|
2月前
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法:every、some、filter、map和forEach,并通过示例代码展示了它们的基本用法和区别。
|
6月前
|
JavaScript 前端开发 索引
问js的forEach和map的区别
JavaScript中的`forEach`和`map`都是数组迭代方法。`forEach`遍历数组但不修改原数组,无返回值;它接受回调函数处理元素。`map`则遍历数组并返回新数组,新数组元素为回调函数处理后的结果。两者都接收元素、索引和数组作为回调函数参数。
49 7