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>

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

目录
相关文章
|
12月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
157 6
JS循环for、for...of、for...in
|
11月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
131 0
|
6月前
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
10月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
85 2
|
12月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
642 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
12月前
|
JavaScript 前端开发 索引
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
157 3
|
JavaScript
js 循环数组取值
js 循环数组取值
|
11月前
|
JavaScript
自动循环提交js
自动循环提交js
48 0
|
12月前
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法:every、some、filter、map和forEach,并通过示例代码展示了它们的基本用法和区别。