• 范仁义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>
     
  • 相关阅读:
    一个java的进销存管理系统源码阅读
    嵌入式起步
    java数据库操作有关的杂记
    VS 调试
    软件测试的原则
    黑盒测试与白盒测试
    Xmind快速入门(基本操作够用了)
    opt目录
    日志测试
    bug的前世今生
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12515156.html
Copyright © 2020-2023  润新知