数组求和-JS

计算给定数组 arr 中所有元素的总和

输入描述:

数组中的元素均为 Number 类型

示例1

输入

[ 1, 2, 3, 4 ]

输出

10

不考虑算法复杂度,用递归做:

1

2

3

4

5

6

7

8

9

10

function sum(arr) {

    var len = arr.length;

    if(len == 0){

        return 0;

    } else if (len == 1){

        return arr[0];

    } else {

        return arr[0] + sum(arr.slice(1));

    }

}

常规循环:

1

2

3

4

5

6

7

function sum(arr) {

    var s = 0;

    for (var i=arr.length-1; i>=0; i--) {

        s += arr[i];

    }

    return s;

}

函数式编程 map-reduce:

1

2

3

4

5

function sum(arr) {

    return arr.reduce(function(prev, curr, idx, arr){

        return prev + curr;

    });

}

forEach遍历:

1

2

3

4

5

6

7

8

function sum(arr) {

    var s = 0;

    arr.forEach(function(val, idx, arr) {

        s += val;

    }, 0);

  

    return s;

};

eval:

1

2

3

function sum(arr) {

    return eval(arr.join("+"));

};

posted @ 2019-03-25 18:21  strawqqhat  阅读(259)  评论(0编辑  收藏  举报
#home h1{ font-size:45px; } body{ background-image: url("放你的背景图链接"); background-position: initial; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-origin: initial; background-clip: initial; height:100%; width:100%; } #home{ opacity:0.7; } .wall{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; } div#midground{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -1; -webkit-animation: cc 200s linear infinite; -moz-animation: cc 200s linear infinite; -o-animation: cc 200s linear infinite; animation: cc 200s linear infinite; } div#foreground{ background: url("https://i.postimg.cc/z3jZZD1B/foreground.png"); z-index: -2; -webkit-animation: cc 253s linear infinite; -o-animation: cc 253s linear infinite; -moz-animation: cc 253s linear infinite; animation: cc 253s linear infinite; } div#top{ background: url("https://i.postimg.cc/PP5GtGtM/midground.png"); z-index: -4; -webkit-animation: da 200s linear infinite; -o-animation: da 200s linear infinite; animation: da 200s linear infinite; } @-webkit-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-o-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @-moz-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 600% 0; } } @keyframes cc { 0%{ background-position: 0 0; } 100%{ background-position: 600% 0; } } @keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-webkit-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-moz-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-ms-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } }