如何在Supabase中筛选含指定标签的记录并保留全部标签

问题场景 #

你需要从Supabase的reviews表中查询已发布且**标签列表包含指定slug（如romance）**的记录，同时要求保留每条记录的完整标签集合。但使用.in('tags.slug', ['romance'])后出现两个问题：

1. 返回了标签列表为空的无关记录
2. 匹配的记录仅保留了符合条件的单个标签，丢失了其他标签

解决方案 #

根据tags字段的存储类型，有两种可行方案：

方案1：若tags是JSONB数组字段 #

使用PostgreSQL的@>包含操作符，检查数组中是否存在指定slug的标签元素，同时保留完整标签列表：

async function getReviews() {
  try {
    let query = supabase
      .from('reviews')
      .select(`
        title,
        slug,
        categories ( title, slug ),
        tags ( title, slug )
      `)
      .eq('published', true)
      // 检查tags数组是否包含slug为romance的元素
      .where('tags', '@>', '[{"slug": "romance"}]')

    const { data: reviews } = await query
    return reviews
  } catch (error) {
    console.error('Error fetching reviews:', error)
  }
}

方案2：若tags是独立关联表（多对多关系） #

通过innerJoin关联tags表，筛选出包含目标slug的记录，再用distinct去重避免重复返回同一review：

async function getReviews() {
  try {
    let query = supabase
      .from('reviews')
      .select(`
        title,
        slug,
        categories ( title, slug ),
        tags ( title, slug )
      `)
      .eq('published', true)
      // 关联tags表，匹配review_id关联字段
      .innerJoin('tags', 'reviews.id', 'tags.review_id')
      .eq('tags.slug', 'romance')
      // 去重，确保每个review仅返回一次
      .distinct()

    const { data: reviews } = await query
    return reviews
  } catch (error) {
    console.error('Error fetching reviews:', error)
  }
}

为什么原方法失效 #

.in('tags.slug', ['romance'])是对关联的tags子数据进行筛选，会过滤掉不匹配的标签元素，同时即使review没有匹配标签，也会返回空标签列表的记录，不符合你保留完整标签+仅返回匹配记录的需求。

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