zoukankan      html  css  js  c++  java
  • 范仁义js课程---69、forEach

    范仁义js课程---69、forEach

    一、总结

    一句话总结:

    forEach方法的作用是用于遍历数组的每个元素,使用的话直接 数组名.forEach()即可,forEach的参数是回调函数:function(currentValue, index, arr)

    1、forEach方法的参数回调函数:function(currentValue, index, arr) 的三个参数分别是什么意思?

    第一个参数:currentValue:数组对应位置的值,也就是当前元素
    第二个参数:index:对应的值在数组中的位置(索引)
    第三个参数:arr:当前数组


    例如当数组arr = ["贾宝玉","林黛玉","薛宝钗","袭人","晴雯"];,因为数组里面有5个元素,所以回调函数会执行5次,
    第一次执行的时候,currentValue就是贾宝玉,index就是0,arr就是当前数组

    2、回调函数是什么?

    由我们创建,但是我们没有直接调用,但是函数在某个时候或者某种条件执行了的:例如 setInterval(function () {},2000); 里面的匿名函数
    //回调函数小例子
    setInterval(function () {
        console.log('我是回调函数,我由用户创建,但是用户 没有直接调用我,但是我执行了,');
    },2000);

    二、forEach

    博客对应课程的视频位置:69、forEach
    https://www.fanrenyi.com/video/19/174

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>forEach</title>
     6 </head>
     7 <body>
     8 <!--
     9 作用:用于遍历数组的每个元素
    10 参数:回调函数:function(currentValue, index, arr)
    11 返回值:
    12 
    13 回调函数的参数
    14 第一个参数:数组对应位置的值
    15 第二个参数:对应的值在数组中的位置(索引)
    16 第三个参数:当前数组
    17 
    18 forEach里面的回调函数会执行,也就是数组有几个元素就执行几次
    19 
    20 回调函数:
    21 由我们创建,但是我们没有直接调用,但是函数在某个时候或者某种条件执行了的
    22 
    23 -->
    24 <script>
    25     var arr = ["贾宝玉","林黛玉","薛宝钗","袭人","晴雯"];
    26 
    27     arr.forEach(function (val,index,arr) {
    28         console.log('我是forEcha的参数,我是一个回调函数');
    29         console.log('val: '+val);
    30         console.log('index: '+index);
    31         console.log('arr: '+arr);
    32         //console.log(window.arr == arr);
    33     });
    34 
    35     //回调函数小例子
    36     // setInterval(function () {
    37     //     console.log('我是回调函数,我由用户创建,但是用户 没有直接调用我,但是我执行了,');
    38     // },2000);
    39 </script>
    40 </body>
    41 </html>
     
  • 相关阅读:
    Android中传感器的基本概念
    Android攻城狮 multi-touch多点触摸
    Android攻城狮SurfaceView
    Android攻城狮Tab类型
    Android攻城狮使用SubMenu创建子菜单
    Android攻城狮认识ContextMenu
    Android攻城狮OptionsMenu
    Android攻城狮Notification实现状态通知栏
    虹软人脸识别SDK(java+linux/window)
    人脸识别ArcFace C#DEMO 开发应用全过程
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12515156.html
Copyright © 2011-2022 走看看