javascript - 如何填写数组中不存在的边界之间的日期？

Question

我正在使用 moment JS 通过与从 API 提取的数据进行比较，尝试输入 startBound 和 endBound 之间缺失的日期。

有没有办法预先填充数据，以便用y的值填充空日期作为0并添加界限之间的日期？

之前

var data = [{
  "x": "2018-05-02",
  "y": 8
}, {
  "x": "2018-05-06",
  "y": 4
}];

var startBound = '2018-05-01'; //Start Date bound
var endBound = '2018-05-07'; //End Date bound

之后

var data = [{
  "x": "2018-05-01", //Added
  "y": 0
}, {
  "x": "2018-05-02",
  "y": 8
}, {
  "x": "2018-05-03", //Added
  "y": 0
}, {
  "x": "2018-05-04", //Added
  "y": 0
}, {
  "x": "2018-05-05", //Added
  "y": 0
}, ... etc etc... {
  "x": "2018-05-06",
  "y": 4
}];

var data = [{
  "x": "2018-05-02",
  "y": 8
}, {
  "x": "2018-05-06",
  "y": 4
}];

var startBound = '2018-05-01'; //Start Date bound
var endBound = '2018-05-07'; //End Date bound
var startDate = moment(startBound);
var endDate = moment(endBound);

var days = endDate.diff(startDate, 'd', false);

for (var i = 1; i < days; i++) {
  data.splice(i, 0, {
    "x": startDate.add(1, 'd').toISOString(),
    'y': 0
  })
}

for (var i = 0; i < data.length; i++) {
  console.log(data[i].x);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>

Answer 1

可能不是最有效或最优雅的答案，但它就像一个魅力!

var data = [{
  "x": "2018-05-02",
  "y": 8
}, {
  "x": "2018-05-06",
  "y": 4
}];

var startBound = '2018-05-01'; //Start Date bound
var endBound = '2018-05-07'; //End Date bound
var startDate = moment(startBound);
var endDate = moment(endBound);
var days = endDate.diff(startDate, 'd', false);

var newData = [];

var valY;

for (var i = 0; i <= days; i++) {
  valY = 0;
  for(var j=0;j<data.length;j++){
    if(data[j].x == startDate.toISOString().split("T")[0]){
      valY = data[j].y;
    }
  }
  newData[i] = {"x":startDate.toISOString().split("T")[0],"y": valY};
  startDate.add(1, 'd');
}

data = newData;

for (var i = 0; i < data.length; i++) {
  console.log(data[i]);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>