如何将Dexie与data-table中值为null的字段替换为空字符串

你之前使用db.fuel.where({department: null})查询失效的核心原因是：Dexie的where()查询依赖IndexedDB的原生索引，而IndexedDB默认不会将值为null或undefined的字段纳入索引范围，因此该查询语句无法匹配到对应记录。

方案1：渲染阶段直接处理（无需修改数据库，推荐优先使用） #

直接在表格渲染时对字段做兼容处理，仅需修改原有渲染逻辑即可，实现成本最低：

db = db_open();

db.fuel.toArray().then(fuel => {
  fuel.forEach(function(fuel) { 
    // 空值合并运算符遇到null/undefined时自动返回空字符串
    const renderDept = fuel.department ?? '';
    $('#table_bod').append('<tr> <td>'+renderDept+'</td> </tr> ');
  })
});

如果需要兼容不支持空值合并运算符的低版本浏览器，可以替换为三元表达式写法：
const renderDept = fuel.department == null ? '' : fuel.department;

方案2：批量更新数据库存储值（一劳永逸，后续无需重复兼容） #

如果需要将数据库中现存的null值统一替换为空字符串，避免后续每次渲染都做判断，可以用全表过滤+批量更新的逻辑实现：

// 开启读写事务
db.transaction('rw', db.fuel, async () => {
  // 用filter方法过滤所有department为null/undefined的记录
  const needUpdateItems = await db.fuel.filter(item => item.department == null).toArray();
  // 逐条更新
  for (const item of needUpdateItems) {
    // 需替换为你表中对应的主键字段名，通常为id
    await db.fuel.update(item.id, { department: '' });
  }
}).then(() => {
  console.log('空department字段批量更新完成');
}).catch(err => {
  console.error('更新失败：', err);
});

内容的提问来源于stack exchange，提问作者Adriaan's tips