Question

我正在尝试从一个对象中提取数据，重组并创建一个新对象。

源对象的简化示例

var res = [{
    DateTime: '00:00',
  Number: 1,
  WeekDay: 1
},
{
    DateTime: '00:00',
  Number: 4,
  WeekDay: 1
},
{
    DateTime: '00:00',
  Number: 1,
  WeekDay: 2
},
{
    DateTime: '00:30',
  Number: 1,
  WeekDay: 2
}]

从这里开始，我想创建一个新的对象，其中“数字”总和 1.周日 2.半小时间隔

var intervals = ['00:00', '00:30']
var weekdays = [1, 2]

var target = []
var intervalObj = [];
    for (i = 0; i < intervals.length; i++) {
        intervalObj.push({
            interval: intervals[i],
            number: 0
        })
      }

 for (i = 0; i < weekdays.length; i++) {
 var day = i + 1;
        target.push({
                day: day,
            data: intervalObj,
        })
      }

然后像这样填充新对象：

for(var row in res) {
    var dt = res[row].DateTime;
  var wd = res[row].WeekDay;
  var wdidx = weekdays.indexOf(wd)
  var dtidx = intervals.indexOf(dt)
  var num = res[row].Number;

  target[wdidx].data[dtidx].number += num;
}

在创建上述目标对象时，这不起作用。在所有工作日内，相同的间隔重复求和结果。但是，当对象静态时：

var target = [{
  day: 1,
  data: [{
    interval: '00:00',
    number: 0
  },
  {
    interval: '00:30',
    number: 0
}]
},
{
  day: 2,
  data: [{
    interval: '00:00',
    number: 0
  },
  {
    interval: '00:30',
    number: 0
  }]
}]

它按预期工作。我无法弄清楚为什么。这是一个小提琴的例子： https://jsfiddle.net/oceansmoving/wkfL9e3o/

Answer 1

在每个循环实例中，您对intervalObj使用相同的数组引用data。需要为每个实例创建新数组

更改

var intervalObj = [];
for (i = 0; i < weekdays.length; i++) {
  var day = i + 1;
  target.push({
    day: day,
    data: intervalObj,
  })
}

要

//var intervalObj = [];
for (i = 0; i < weekdays.length; i++) {
  var day = i + 1;
  target.push({
    day: day,
    data: [],
  })
}

动态创建的对象未按预期填充

1 个答案: