Javascript：根据属性值将对象数组拆分为具有动态名称的单独数组

我有一个包含对象的数组。现在我想将数组切片为仅包含与特定属性值匹配的对象的新数组。

理想情况下，新的数组名称应该动态创建。

原始数组如下所示：

specificSlotButtonArray = [
  {slotStarttime:"06:00:00", slotTimespan:1},
  {slotStarttime:"09:00:00", slotTimespan:1},
  {slotStarttime:"12:00:00", slotTimespan:2},
  {slotStarttime:"15:00:00", slotTimespan:2},
  {slotStarttime:"18:00:00", slotTimespan:3}
];

新数组应如下所示：

timespan1 = [
  {slotStarttime:"06:00:00", slotTimespan:1},
  {slotStarttime:"09:00:00", slotTimespan:1}
]

timespan2 = [
  {slotStarttime:"12:00:00", slotTimespan:2},
  {slotStarttime:"15:00:00", slotTimespan:2}
]

timespan3 = [
  {slotStarttime:"18:00:00", slotTimespan:3}
]

如果可能的话，我想避免 IE 和其他一些旧浏览器不支持的 javascript 语法/函数。

我已经尝试过与reduce() and slice()，但没有找到解决办法。

您可以简单地使用以下方法实现您想要的结果reduce，因为您可以使用生成一个对象reduce，这是一个如何做到这一点的示例。

正如你所看到的，它会检查对象上的相关属性是否不为空，如果是，则将其设置为空数组，经过此检查，可以安全地将相关值推送到数组中，例如所以。

var array = [{
    slotStarttime: "06:00:00",
    slotTimespan: 1
  },
  {
    slotStarttime: "09:00:00",
    slotTimespan: 1
  },
  {
    slotStarttime: "12:00:00",
    slotTimespan: 2
  },
  {
    slotStarttime: "15:00:00",
    slotTimespan: 2
  },
  {
    slotStarttime: "18:00:00",
    slotTimespan: 3
  }
];

var newObject = array.reduce(function(obj, value) {
  var key = `timespan${value.slotTimespan}`;
  if (obj[key] == null) obj[key] = [];

  obj[key].push(value);
  return obj;
}, {});

console.log(newObject);