处理未定义的值以搜索 Firestore 数据库

Question

我有一个包含大约 10 个可能字段的搜索页面，但并非每个字段都需要进行搜索。但是如何构建查询，使其不查看未填写（且未定义）的值？

我无法在 typescript 中编写 if 语句（我首先尝试过），因为那样我将不得不编写超过 10 个不同的可能查询，这看起来效率不高。

那么我怎样才能删除未定义的条目并重复使用相同的查询呢？

我真的不知道如何开始尝试这个，所以非常感谢任何帮助。

编辑：

Search screen

查询：

this.itemsCollectionHouse = this.afs.collection<House>('houses', ref=> ref.where('garden', '==', true).orderBy('name'));

因此，屏幕截图显示了用户可以在搜索字段中输入输入的屏幕。然后查询只是我想做的一小部分，因为我不确定如何继续。但我需要能够在输入所有字段时执行搜索查询，而且当搜索屏幕中的一个或多个字段为空/未定义时。

例如，如果用户没有选择 garden 并且未定义，我将如何在没有该变量的情况下执行查询但仍搜索已填写的字段？

Answer 1

在单击提交按钮之前，您不会与 Firebase 对话（而不是在 keyup 和 onchange 事件上与 Firebase 对话）。所以，你的任务实际上是一个简单的任务。

除非您有充分的理由不使用 JavaScript。另外，请使用 Firestore，因为它支持 compound queries。

var myArray = [];
var whereString = "";
if(selectOne.value){
  myArray.push('"state", "==", ' + selectOne.value);
} 
if(selectTwo.value){
  myArray.push('"color", "==", ' + selectTwo.value);
} 
if(inputOne.value){
  myArray.push('"population", "<", ' + inputOne.value);
} 

for (var i = 0; i < myArray.length; i++) {
  whereString = whereString + ".where(myArray[i])"
}

myRef = firebase.firestore() + whereString