如何删除Firebase Database中包含空格的数据？

核心问题排查与修复 #

• 输入值前后空格导致路径不匹配：输入框中的值可能带有前后空格，而数据库里的节点键是无前后空格的，这会导致拼接的路径和实际节点路径不匹配。解决方法是对输入值做去前后空格处理。
• 大小写不匹配：Firebase Realtime Database的节点键区分大小写，比如数据库中是test 1，但输入的是Test 1，就会找不到对应节点。要确保输入值和数据库键完全一致。

修改后的代码 #

DeleteData1.addEventListener('click',(e)=>{
  // 获取输入值并去除前后空格
  var deleteCropValue = document.getElementById('deleteCrop').value.trim();

  remove(ref(database, 'Crops/' + deleteCropValue))
  .then(()=>{
     alert("Crop successfully deleted");
  })
  .catch((error)=>{
     alert("Unsuccessful, error: " + error);
  })
});

额外排查步骤 #

• 打开Firebase控制台，确认Crops节点下的目标键是否确实是Test 1（注意空格数量、大小写是否完全一致）。
• 在代码中添加日志，打印拼接后的路径，验证是否和数据库中的节点路径匹配：

  console.log('Target path:', 'Crops/' + deleteCropValue);
  

内容的提问来源于stack exchange，提问作者Taneda