angularfire2数组操作

Question

在firebase中处理数组的正确方法是什么？当我点击一个按钮时，我正在尝试切换数组或数字中的值。所以每个数字只存在一次，比方说按钮12被点击，然后12被添加到firebase中的数组中，如果再次点击它，它将被删除。

这是我的代码，但是，它没有拼接，数字每次都会被添加。

blockTime(time: number) {
const idx = _.indexOf(this.times, time);
if (idx >= 0) {
     this.times.splice(idx, 1);
   } else {

  this.times.push(time);
   }
}

Answer 1

当您尝试切换数组中的值时，请重新考虑您的数据结构。无论何时执行array.contains(...)或array.indexOf(...)，您可能都应该使用类似于set的数据结构。

由于JavaScript/JSON没有真正的集合，您通常(至少在Firebase上)通过使用一个带有true值的对象和您的set-item作为键来模拟它们。然后你的操作就会突然变得干净多了：

blockTime(time: number) {
  if (!this.times[time]) {
    this.times[time] = true;
  }
  else {
    delete this.times[time];
  }
}

或者，如果您不介意保留具有false值的非阻塞时隙：

blockTime(time: number) {
  this.times[time] = !(this.times[time] || false);
}

请注意，在Firebase中存储此类数据时，最好确保您的键是字符串，以避免Firebase SDK的数组强制。你可以通过在键前加上一个字符串来实现这一点，例如

blockTime(time: number) {
  var key = "time"+number;
  if (!this.times[key]) {
    this.times[key] = true;
  }
  else {
    delete this.times[key];
  }
}