JavaScript splice（）方法是否不能删除半小时后的数组中的时间项？

Question

我有3个包含时间段的数组，这些时间段是字符串...就像这样：

$scope.shiftMorning = ['09:00', '09:30', '10:00', '10:30', '11:00', '11:30'];
$scope.shiftAfternoon = ['12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30', '17:00', '17:30'];
$scope.shiftEvening = ['18:00', '18:30', '19:00', '19:30', '20:00', '20:30', '21:00', '21:30', '22:00', '22:30', '23:00', '23:30'];

现在，我具有一系列函数来确定到下一个30分钟的当前时间，然后将当前时间与数组中的值进行比较。 如果当前时间在数组值之后，我们将删除数组值...，如下所示：

function dateCompare(time1, time2) {

  //console.log("time 1 = " + time1 + " time 2 = " +time2);
  var t1 = new Date();
  var parts = time1.split(":");
  t1.setHours(parts[0], parts[1], "00", 0);
  var t2 = new Date();
  parts = time2.split(":");
  t2.setHours(parts[0], parts[1], "00", 0);

  // returns 1 if greater, -1 if less and 0 if the same
  if (t1.getTime() > t2.getTime()) {
    return 1;
  } else if (t1.getTime() < t2.getTime()) {
    return -1;
  } else {
    return 0;
  }
}

function getNearestHalfHourTimeString() {
  var now = new Date();
  var hour = now.getHours();
  var minutes = now.getMinutes();
  if (minutes < 15) {
    minutes = "30";
  } else if (minutes < 45) {
    minutes = "00";
    hour = hour + 1;
  } else {
    minutes = "00";
    ++hour;
  }
  return(hour + ":" + minutes);
}

var currentTime = getNearestHalfHourTimeString();

function removeUnavailableTimes(timeArray) {

  for (var i = 0; i < timeArray.length; i++) {
    console.log(timeArray[i], currentTime, dateCompare(timeArray[i], currentTime));
    if (dateCompare(timeArray[i], currentTime) === -1) {
      // remove the offending item from the array
      timeArray.splice(i, 1);
    }
  }
  //console.log(timeArray);
  return timeArray;
}

removeUnavailableTimes($scope.shiftMorning);
removeUnavailableTimes($scope.shiftAfternoon);
removeUnavailableTimes($scope.shiftEvening);

现在一切似乎都很好，但是过去（当前时间更长）具有半小时值（'09：30'）的项目似乎没有从数组中删除（使用.splice（））但是我注意到我的比较是正确的。 有人可以看到我在做什么吗？

Answer 1

迭代时，您正在使用.splice()删除数组元素。 例如，当删除timeArray[0] ，数组的其余部分将移动，因此当您检查timeArray[1] ，实际上已经跳过了一个元素。

您需要使用其他系统，例如：

• 遍历原始数组，并用要保留的元素填充另一个数组；
• 遍历原始数组并从副本中删除元素；
• 向后迭代原始数组。

Answer 2

代码几乎就在那里。 当splice()运行时， timeArray会更改，因为splice()弹出该变量，并且索引会在该运行时更改。 请检查我的代码。

function removeUnavailableTimes(timeArray) {
  var i = 0;
  while( i < timeArray.length ){
    console.log(timeArray[i], currentTime, dateCompare(timeArray[i], currentTime));
    if (dateCompare(timeArray[i], currentTime) === -1) {
      // remove the offending item from the array
      timeArray.splice(i, 1);
    }else{
      i++;
    }
  }
  //console.log(timeArray);
  return timeArray;
}