数组reduce和map方法

Posted 2020-08-31 阿力瓦

1、有一个长度为100的数组，请以优雅的方式求出该数组的前10个元素之和

var a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15],
sum = 0;

sum = a.slice(0, 10).reduce(function(pre, current) {
　　return pre + current;
});

console.log(sum); //55

 

2、不使用loop循环，创建一个长度为100的数组，并且每个元素的值等于它的下标。

var a = new Array(100);

    a = a.map(function(item, index) {
        return index;
    });

使用了map方法真是高端大气上档期啊！一开始，我也以为他的答案是正确的了，但是，后来我在控制台打印了一下，却发现也是不对的啊，因为，最终打出来的数组是一个长度为100的空的数组，如下：

 

好奇怪！这么好用的方法竟然输出的结果也不正确，心好累啊！

后来，查了API，才知道， javascript数组是稀疏数组，比如，通过new Array(100)创建一个新的数组的，虽然他的长度是100，但是实际上他是一个空数组，也就是说没有真实存在的元素。所以使用map方法，根本不会去遍历这个数组100次的。后来，知乎上问了一下，才学到了一个新的可行的方法，如下：


    var a = Array(100).join(",").split(",").map(function(item, index) {
    　　return index;
    });