如何根据指定hashtag过滤tweet对象数组并排查筛选代码错误

问题根因 #

• 变量名冲突：你在Array.some()的回调中把参数命名为了hashtag，和外层函数的入参重名，内层作用域会优先读取回调参数的hashtag对象，导致hashtag.text === hashtag实际是把hashtag对象的text属性和对象本身做对比，永远返回false，自然筛选不到结果。
• 状态管理逻辑错误：你每次过滤时直接覆盖了tweets状态，第二次筛选时只能在上次的筛选结果中查找，无法回到全量数据集，应该单独存储全量原始tweet数据，每次过滤都从全量数据中筛选。

修正后代码 #

// 提前把全量原始tweet存在单独的state：originalTweets，不要在筛选时才赋值
const filterTweetsByHashtag = (targetHashtag: string) => {
  // 每次从全量原始数据中筛选，避免破坏数据源
  const filteredTweets = originalTweets.filter((tweet: any) => {
    const hashtags = tweet.entities.hashtags;
    // 回调参数改名，和外层入参明确区分
    return hashtags.some((item: any) => item.text === targetHashtag);
  });
  setTweets(filteredTweets);
};

// 可选：重置筛选回到全量列表的方法
const resetFilter = () => {
  setTweets(originalTweets);
};

补充说明 #

如果你前端展示的hashtag带#前缀，点击传参时要先把#去掉再传入筛选函数，避免因为字符不匹配导致筛选失败。比如点击的是#Bitcoin，处理成Bitcoin再传入即可。

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