ES6系列笔记-数组方法reduce和forEach

简介: ES6系列笔记-数组方法reduce和forEach

1:reduce应用场景:计算数组中所有值的总和

数组求和:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //一堆变成一个,算总数
        let arr = [12, 33, 66, 99]
        let result = arr.reduce(function(tmp, item, index) {
            return tmp + item
        })
        console.log(result);
    </script>
</html>

打印结果如下:

2:forEach循环遍历(迭代)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        let arr = [12, 4, 6, 89, 2]
        arr.forEach(item => {
            console.log(item)
        })
    </script>
</html>

打印结果如下:


参数index

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        let arr = [12, 4, 6, 89, 2]
        //参数index
        arr.forEach((item,index) => {
            console.log(index+ ':' +item)
        })
    </script>
</html>

打印结果如下:


相关文章
|
Java 测试技术 Maven
创建一个SpringBoot项目(IDEA版本,保姆级教程)
创建一个SpringBoot项目(IDEA版本,保姆级教程)
创建一个SpringBoot项目(IDEA版本,保姆级教程)
|
JSON 数据格式
解决报错TypeError: Converting circular structure to JSON --> starting at object with constructor
解决报错TypeError: Converting circular structure to JSON --> starting at object with constructor
|
存储 JavaScript 安全
vue项目打包优化:缩小体积productionSourceMap设置,使用cdn加速
vue项目打包优化:缩小体积productionSourceMap设置,使用cdn加速
1238 0
|
Java API Spring
Springfox Swagger2从入门到精通
本文详细介绍了如何使用Springfox Swagger2在Spring Boot项目中生成API文档,包括引入依赖、配置Swagger2、启用Swagger2、编写API文档注释、访问Swagger UI以及常用注解分析和高级配置。
839 0
Springfox Swagger2从入门到精通
|
SQL 存储 监控
|
JavaScript
Vue多图组合走马灯
这篇文章介绍了如何在Vue框架中创建一个多图组合的走马灯组件,允许自定义滑动间隔和图片区域宽度,以展示多个图片。
203 0
Vue多图组合走马灯
|
Web App开发 JavaScript 前端开发
Node.js与Go语言的对比?
【8月更文挑战第4天】Node.js与Go语言的对比?
1012 3
|
Shell 测试技术 开发工具
在 Git 中撤消更改的 6 种方法!
在 Git 中撤消更改的 6 种方法!
1692 1
|
缓存 前端开发 算法
前端需要加载一个大体积的文件时,可以这么优化
前端需要加载一个大体积的文件时,可以这么优化
vue3 中 h 函数的使用
vue3 中 h 函数的使用
247 0
下一篇
开通oss服务