无法减少对象内部的数组

Question

我正在尝试减少对象内部的数组。我要回来了

push is not a function 

我已经将我的数组作为空数组开始，并创建了一个添加函数作为第一个参数传入。

function add(a,b) {
        return a +b;
}

var navBarArray = [];
var listArray = [];

var mapping = {
  ".navbar": navBarArray,
  ".list-group": listArray
};

我在映射对象上尝试了这种方法，但它会产生错误

var mapping = {
  ".navbar": Math.round(navBarArray.reduce(add,0) ),
  ".list-group": listArray
};

但是，我得到 push is not a function back in my console。

下面是我将值传递给数组的函数。我可以在函数内部创建一个变量并在那里减少它。但是，这会限制对我的变量的访问，并且会在我继续时使我的函数膨胀。

  Object.keys(mapping).forEach(function(selector) { 
      $(selector).hover(function(evt) {
        console.log('mapping',mapping);
        console.log('selector',selector);
        enteredTime = new Date();
      }, function() {
        var ctime = new Date();
        var time = (ctime.getTime() - enteredTime.getTime())/1000;
        mapping[selector].push(time);

        // *********** this works but not where I need it to*******
        var reduce = Math.round(navBarArray.reduce(add,0) );
        console.log(reduce);
        });
    })

Answer 1

更改您的映射对象，使其具有单独的数组和总计位置：

var mapping = {
    ".navbar": {
        total: 0,
        times: []
    },
    ".list-group": {
        total: 0,
        times: []
    }
}

然后你做mapping[selector].times.push(time)，然后把总数放在：

mapping[selector].total = mapping[selector].times.reduce(add, 0);