es6 reduce方法

最新推荐文章于 2024-09-03 11:07:48 发布

炉火纯青-旺

最新推荐文章于 2024-09-03 11:07:48 发布

阅读量1k

点赞数

分类专栏： ES6 文章标签： es6

本文链接：https://blog.csdn.net/qq_34870529/article/details/91514401

版权

ES6 专栏收录该内容

31 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>reduce方法</title>
</head>
<body>
    <script>
        /**
        * 场景1 
        * 计算数组中所有值的总和
        */

        var numbers = [10,20,30];
        var sum = 0;

        // es5
        for(var i=0;i<numbers.length;i++){
            sum += numbers[i];
        }

        console.log(sum);

        // es6 reduce
        var sumValue = numbers.reduce((sum,number) =>{
            return sum + number;
        },0);   // 0为初始值

        console.log(sumValue);

        /**
        * 场景2 
        * 将数组中对象的某个属性抽离到另外一个数组中
        */

        var primaryColors = [
            {color:"red"},
            {color:"yellow"},
            {color:"blue"}
        ]

        var colors = primaryColors.reduce((previous,primaryColor) => {
            previous.push(primaryColor.color);
            return previous;
        },[]);

        console.log(colors);

        /**
        * 场景3
        * 判断字符串中括号是否对称
        */

        function balanceParents (string) {
            return !string.split("").reduce((previous,char) =>{
                if(char == "("){return ++ previous;}
                if(char == ")"){return -- previous;}
            },0);
        }
        // true 代表对称   false代表不对称
        console.log(balanceParents("((())"));
    </script>
</body>
</html>