06【前端】map 和reduce.html

最新推荐文章于 2022-03-02 23:00:35 发布

努力的阳光蓝孩

最新推荐文章于 2022-03-02 23:00:35 发布

阅读量183

点赞数

分类专栏：【前端】

本文链接：https://blog.csdn.net/qq_40996741/article/details/108270953

版权

【前端】专栏收录该内容

22 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        // 数组中新增了map 和 reduce 方法
        // map(): 接受一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回
        let arr = ['1', '20', '-5', '3'];

        // arr = arr.map((item) => {
        //     return item * 2;
        // })

        arr = arr.map(item => item * 2);

        console.log(arr);
        // reduce() 为数组中的每一个元素依次执行回掉函数,不包括数组中被删除或从未被赋值的元素
        // ['1', '20', '-5', '3'];
        // arr.reduce(callback,[initialvalue])
        /**
        1、previousValue(上一次调用回调返回的值, 或者是提供的初始值（initialValue))
        2、currentValue(数组中当前被处理的元素)
        3、index(当前元素在数组中的索引)
        4、array(调用reduce 的数组)
        */
        let result = arr.reduce((a, b) => {
            console.log("上一次处理后的值:" + a);
            console.log("当前正在处理的值:" + b);
            return a + b;
        }, 100)

        console.log(result)

    </script>
</body>

</html>